@charset "euc-jp";

/* web font */
.gf-Karla400{font-family: 'Karla', sans-serif;font-weight:normal;letter-spacing:.6px;-webkit-font-smoothing: antialiased;}
.gf-Karla700{font-family: 'Karla', sans-serif;font-weight:bold;-webkit-font-smoothing: antialiased;letter-spacing:.9px;}
.gf-Holtwood{font-family: 'Holtwood One SC', serif;}
.gf-Anton{font-family: 'Anton', sans-serif;}
.gf-Glegoo400{text-transform: uppercase;font-family: 'Glegoo', serif;font-weight: 400;letter-spacing:.6px;-webkit-font-smoothing: antialiased;}
.gf-Glegoo700{text-transform: uppercase;letter-spacing: .6px;font-family: 'Glegoo', serif;font-weight: 700;-webkit-font-smoothing: antialiased;}


/* clearfix */

.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}

/* COLOR */

body {background-color:#fff;color:#000;-webkit-font-smoothing: antialiased;}
a {color:#000;}
a:visited,:link {color:#000;}
a:hover {color:#777;text-decoration:none;}
.red{color:#e34a42;}
a:hover .red{color:#f9766f;}
.line-red{text-decoration:line-through;color: red;}

/* FONTS */

body{text-align:left;font-family:"Lora","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;font-size: 14px;letter-spacing: .3px;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dd,dt,dl,address,table,tr,td,div,form,th,label{font-size: 14px;font-weight:normal;margin:0;padding:0;line-height:1.0;}
a {outline: none;text-decoration: none;}
ul,ol,li{display:inline-block;}
li i{font-size:120%;margin-right:7px;line-height:0.9;}
br.clear {clear: both;font: 0pt/0pt sans-serif;line-height: 0;}
.btn {border-radius: 0;}
p{text-align: justify; text-justify: inter-ideograph;}

/* textarea input */
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {outline: none;}

/* layout */
* {box-sizing: border-box;}
img{max-width:100%;height:auto;}
#header,
#slider,
#contents,
#topics,
#guide,
#footer,
.swiper-contents{width:100%;padding:0;}
#logo{float:left;margin-top:55px;}
#header{margin-bottom:80px;}
#header.index{margin-bottom:20px;}

/* 470px以下: デフォルト */
@media (max-width: 470px){
#header-container,
#contents-wrapper,
#guide-container,
#footer-container,
.swiper-contents{margin:0px auto;width:90%;}
#slider-container,#slider{width:100%;margin:0px auto;}
#side-container{width:100%;margin-bottom:40px;}
#side .nav ul li{display:block;width:100%;}
#contents-container{width:100%;margin-bottom:40px;}
#logo img{width:80%;height:auto;padding-top:10px;}
}

/* 471px以上 */
@media (min-width: 471px) {
#header-container,
#topics-container,
#contents-wrapper,
#guide-container,
#footer-container,
.swiper-contents{margin:0px auto;width:90%;}
#slider-container{width:100%;margin:0px auto;}
#side-container{width:100%;margin-bottom:40px;}
#contents-container{width:100%;margin-bottom:40px;}
}

/* 768px以上 */
@media (min-width: 768px) {
#header-container,
#topics-container,
#contents-wrapper,
#guide-container,
#footer-container,
.swiper-contents{width:740px;}
.swiper-container .swiper-wrapper .swiper-slide {
  width: 60%;
  max-width: 800px;
}
#contents-container{float: right;width:100%;}
#slider-container{width:100%;margin:0px auto;}
#side-container{float: left;width:100%;}
#side .nav ul li{display:block;width:100%;}
}

/* 992px以上 */
@media (min-width: 992px) {
#header-container,
#topics-container,
#contents-wrapper,
#guide-container,
#footer-container,
.swiper-contents{width: 900px;}
#slider-container{width:100%;margin:0px auto;}
#contents-container{float: right;width: 640px;}
#side-container{float: left;width: 200px;}
#side .nav ul li{width:200px;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
#header-container,
#topics-container,
#slider-container,
#contents-wrapper,
#guide-container,
#footer-container,
.swiper-contents{width: 1180px;}
#slider-container{margin:0px auto;}
#contents-container{float: right;width: 910px;}
}

/* header */
#header-menu{float:right;margin:45px 0 0;}
.category,.status{display:inline-block;float:left;margin-left:40px;}
.category li{text-align:right;display:block;word-break: keep-all;padding:8px 0;font-size:85%;}
.status{border-left:1px solid #ccc;}
.status li{text-align:left;display:block;word-break: keep-all;padding:8px 0 8px 20px;font-size:85%;}
.category li:first-child,.status li:first-child{margin-top:0;}
#toggle{display: none;}

/* 991px以下 */
@media (max-width: 991px) {
#header-menu{position:absolute;top:0;right:0;width:100%;top:0;right:0;text-align:right;z-index:100;float:none;}
#toggle{display:block;position:absolute;top:18px;right:0;text-align:right;}
#toggle i{font-size:250%;margin-right:7px;line-height:0.9;display:block;padding:0 10px 4px;}
#toggle a{display: inline-block;position: relative;padding: 12px 0 10px;border-bottom: 2px solid #000;padding:10px 0;margin-right:20px;font-size:70%;}
#header-menu-unit{position:relative;display:block;top:85px;background-color:#fff;width:100%;border-top:2px solid #000;}
#header-menu-unit{display:none;}
.category,.status{display:block;float:none;margin-left:0;}
#header-menu-unit li{text-align:center;display:block;font-size:100%;}
.category li,.status li{border-bottom:1px dotted #ccc;}
#header-menu-unit li a{display: inline-block;padding:12px;width:100%;}
#header-menu-unit:before, #header-menu-unit:after{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
box-shadow: 0 15px 10px #777;
transform: rotate(-3deg);
}
#header-menu-unit:after{
transform: rotate(3deg);
right: 10px;
left: auto;
}
}

/* status */

.status .item-count{
padding: 3px 5px;
color:#000;
background-color:#e5e1d5;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
margin-right:5px;
}


/* calendar */
#calendar h2{
font-size:200%;
margin:20px 0 10px;
padding:0;
}
#calendar table{
width:100%;
table-layout: fixed;
border-top: solid 1px #ccc;
border-collapse: collapse;
margin:0 0 25px;
}
#calendar table caption{
margin:0 0 10px;
text-align:left;
letter-spacing:.6px;
font-size:150%;
}
#calendar th,#calendar td{text-align:center;border-bottom: solid 1px #ccc;}
#calendar th{padding:5px 0;font-size:90%;}
#calendar td{padding:3px 0;font-size:110%;}
#calendar .sun,#calendar .pub{color:#e94f3d;}
#calendar .sat{color:#0065a1;}
#calendar .holiday{background-color:#ddd;}

/* news */
#news{margin-bottom:20px;}
#news h2{font-size:160%;margin:20px 0;}
#news p{margin:10px 0 20px;line-height:1.6;}
#news p img{margin:0 0 10px;}
#news .link-btn{display:block;}
#news .link-btn i{display:inline-block;margin-right:10px;}

/* banner */
#banner{margin-bottom:30px;}
#banner p{line-height:1.6;margin-bottom:10px;}
#banner .link-btn{display:block;}
#banner .link-btn i{display:inline-block;margin-right:10px;}

/* 470px以下 */
@media (max-width: 470px) {
#banner p{width:50%;display:inline-block;float:left;}
}
/* 471px以上*/
@media (min-width: 471px){
#banner p{width:33.3333%;display:inline-block;float:left;}
}
/* 992px以上 */
@media (min-width: 992px) {
#banner p{width:200px;display:block;float:left;}
}
/*　nav */

#side-container .nav{border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;position:relative;margin-bottom: 30px;}
#side-container .nav ul{width:100%;}
#side-container .nav ul li{border-top:#ccc solid 1px;width:100%;position:relative;}
#side-container .nav ul li:first-child {border-top:0;}
#side-container span.menu-text{display:inline-block;height:60px;word-break:keep-all;width:170px;padding:10px 0 12px 30px;line-height:1.4;}
#side-container .left-icon{position:absolute;top:20px;height:60px;word-break: keep-all;width:30px;}
#side-container label{display:block;width:200px;}
#side-container .menu-E{padding-right:10px;display:block;}
/* 991px以下 */
@media (max-width: 991px) {
#side-container .Menu-item{padding:10px;}
#side-container label{height:auto;}
#side-container span.menu-text{float:left;word-break:keep-all;width:100%;height:auto;padding:10px 0 10px 30px;}
#side-container label{display:block;width:100%;}
#side-container .menu-E{padding-right:10px;display:inline-block;}
}

#side-container li.ac_menu:after{z-index: 1;position: absolute;right: 12px;top: 0;content: "\f107";font-family: "FontAwesome";line-height: 4.4em;
color: #7F878C;pointer-events: none;}
#side-container li.ac_menu{position:relative;}
.ac_menu ul {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.nav label {cursor :pointer;}
.nav label:hover {color:#777;text-decoration:none;}
.nav input[type="checkbox"].bellows-a{display: none;}
.nav input[type="checkbox"].bellows-b{display: none;}
.nav input[type="checkbox"].bellows-c{display: none;}
input[type="checkbox"].bellows-a + ul{
height: 0px;
overflow: hidden;
}
input[type="checkbox"].bellows-a:checked + ul{
height: 127px;margin-top:4px;
border-top:1px solid #ccc;
}
input[type="checkbox"].bellows-b + ul{
height: 0px;
overflow: hidden;
}
input[type="checkbox"].bellows-b:checked + ul{
height: 252px;margin-top:4px;
border-top:1px solid #ccc;
}
input[type="checkbox"].bellows-c + ul{
height: 0px;
overflow: hidden;
}
input[type="checkbox"].bellows-c:checked + ul{
height: 85px;margin-top:4px;
border-top:1px solid #ccc;
}
#side-container ul.on-off li{display:block;}
#side-container ul.on-off a{display:block;font-size:94%;padding:14px 5px;background-color:#f4f3f1;}
#side-container ul.on-off li a:before{
position:relative;
font-size:75%;
padding-right:5px;
color:#fff;
content: "\F105";
font-family: "FontAwesome";}

/* goTop */

#scroll{text-align:right;margin-top:20px;}
#scroll a{display:inline-block;padding:7px 7px 11px 8px;border:1px dotted #ccc;text-align:center;color:#ccc;}
#scroll a:hover{border:1px solid #f4f3f1;text-align:center;color:#555;background-color:#f4f3f1;}
#scroll a i{display:block;font-size:200%;padding:0;}
#scroll a .gf-Karla700{font-size:75%;}

/* 634px以下: デフォルト */
@media (max-width: 634px){
#guide .guide-note{display:block;padding:60px 20px 0;width:100%;text-align:left;/zoom:1;}
#guide .guide-note:first-child{padding-top:0;}
}

/* 635px以上 */
@media (min-width: 635px) {
#guide .guide-note{display:block;padding:60px 20px 0;width:100%;text-align:left;/zoom:1;}
#guide .guide-note:first-child{padding-top:0;}
}

/* 992px以上 */
@media (min-width: 992px) {
#guide .guide-note{display:inline-block;float:left;padding:0 20px;width:33.33333%;text-align:left;/zoom:1;}
}
/* 1480px以上 */
@media (min-width: 1480px) {
#footer .contents-block{display:inline-block;float:left;padding:0 20px;width:20%;text-align:left;/zoom:1;}
}

/* guide */
#guide{background: url("https://img21.shop-pro.jp/PA01368/867/etc/bg-yellow01.jpg?cmsp_timestamp=202604082301");padding:40px 0;}
#guide-row{margin:0 -20px;clear:both;}
#guide h2{padding-bottom:8px;border-bottom:1px #333 dashed;font-size:120%;}
#guide h2 i{padding-right:7px;}
#guide .guide-note dt{margin-top:15px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;line-height:1.6;}
#guide .guide-note dd{margin-top:10px;line-height:1.6;}
#guide .notice{font-size:90%;line-height:1.6;}
#guide .fa-circle{color:#111;padding-right:7px;}
#guide .guide_other p a{display:block;margin-top:8px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
#guide .guide_other p a i{display:inline-block;margin-right:4px;}
#guide .card img{margin:8px 0;}
/* footer */
#footer{background-color:#000;color:#fff;padding:40px 0;}
#footer #sitemap a,#copyright a{color:#fff;}
#footer #sitemap a:hover,#copyright a:hover{color:#ccc;}
#footer #sitemap{margin:0 -20px;clear:both;}
#footer #sitemap .fa-inverse{color:#000;}
.sns-list__unit{font-size:120%;}
#sitemap,#copyright{font-size:80%;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
#sitemap #sns-link{font-size:200%;}
#sitemap #sns-link li{margin-right:10px;}
#footer #sitemap h4{font-weight:bold;font-size:90%;}
#footer .contents-block li{display:block;font-size:90%;}


/* 767px以下: デフォルト */
@media (max-width: 767px){
#footer #sns-link{display:block;padding:0 20px;text-align:center;}
#footer #sns-link{padding:0 20px 40px;}
#footer .contents-block{display:block;padding:0 20px;text-align:left;/zoom:1;}
.contents-block h4,.contents-block .toggle{display:block;padding:18px;border-bottom:1px solid #333;margin:0;font-weight:bold;}
.contents-block .accordion > ul > li > ul > li{display:block;padding:18px;border-bottom:1px solid #333;margin:0;}
.contents-block ul{display:block;width:100%;}
.accordion > ul > li > ul {display: none;}
.accordion > ul > li > ul > li:before{content: "\F138";font-family: "FontAwesome";padding-right:10px;}
.accordion > ul > li > a:after{content:"\F107";font-family: "FontAwesome";padding-left:10px;}
.accordion > ul > li > a.active:after{content: "\F106";font-family: "FontAwesome";padding-left:10px;}
}

/* 768px以上 */
@media (min-width: 768px) {
#footer #sns-link{display:block;padding:0 20px;text-align:center;margin-bottom:40px;}
#footer .contents-block{display:inline-block;float:left;padding:0 20px;width:25%;text-align:left;/zoom:1;}
#footer .contents-block li{display:block;padding-bottom:4px;font-size:80%;line-height:1.6;}
#footer #sitemap h4{font-weight:bold;padding-bottom:7px;font-size:80%;line-height:1.6;}
.contents-block .toggle {display: none;}
}

/* 992px以上 */
@media (min-width: 992px) {
#footer .contents-block{display:inline-block;float:left;padding:0 20px;width:25%;text-align:left;/zoom:1;}
}
/* 1200px以上 */
@media (min-width: 1200px) {
#footer .contents-block,#footer #sns-link{display:inline-block;float:left;padding:0 20px;width:20%;text-align:left;/zoom:1;}
#footer #sns-link{padding:30px 20px 50px;}
}

#copyright address{display:block;text-align:center;padding:20px;font-size:90%;}
#copyright{margin-top:40px;border-top:2px #333 solid;}


/* breadcrumbs */
#contents-container .page-nav{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
#contents-container .breadcrumbs{float:left;}
#contents-container .breadcrumbs span{display:inline-block;padding:0 10px;}
.breadcrumbs p{font-size:90%;margin-bottom:8px;}

/* contents */
#contents-container h2{
font-size:130%;
margin-top:40px;
padding:0;
text-align:center;
display:block;
background: url("https://img21.shop-pro.jp/PA01368/867/etc/line2x.gif?cmsp_timestamp=202603104708") no-repeat 0 11px;
 }
.top #contents-container h2{
margin-top:0px;
 }
#contents-container h2 span{
background-color:#fff;
padding:0 12px;
display:inline-block;
font-size:110%;
 }
#contents-container h2.sub{background:none;text-align:left;padding:12px 0;border-bottom:7px solid #000;margin-bottom:30px;}
#contents-container i{padding-right:10px;}
#story h3,#about h3,#business h3{font-size:120%;margin-bottom:30px;}
#story h3 span,#about h3 span{display:block;font-size:230%;margin:50px 0 8px;}
#story p,
#policy p,
#notice p,
#business p,
#about p{line-height:2.0;margin-bottom:15px;}
#detail p{line-height:1.6;}
#story h4,
#policy h4,
#notice h4,
#tools h4{font-size:120%;margin:30px 0 30px;padding:12px 0;border-bottom:1px dashed #000;border-top:7px solid #000;clear:both;}
#policy .policy_box h4{border-top:0;}
#story h5{font-weight:bold;margin-top:40px}
#notice td h5{line-height:2.0;font-weight:bold;}
#notice tr{border-bottom:1px dotted #000;}
#notice td,#notice th{padding:20px 20px 20px 0;vertical-align:top;line-height:2.0;}
#notice td p{argin-bottom:0;}
#notice th{word-break: keep-all;font-weight:bold;}
#notice .credit-card img{width:60px;height:auto;}
.left{float:left;}
.right{float:right;}

/* story */
#story .coffee-list{display:inline-block;width:48%;margin:10px 0 30px;padding:20px;border:1px solid #000;}
#story table.roast-Level{width:100%;table-layout:fixed;text-align:center;border-collapse:collapse;font-size:90%;margin-bottom:20px;}
#story .roast-Level td{border-right:1px solid #ccc;line-height:1.0;vertical-align:top;}
#story .roast-Level td:first-child{border-left:1px solid #ccc;}
#story .roast-Level td.Concord{padding:7px;border:0;border-top:8px solid #fff;}
#story .roast-Level td p{line-height:1.2;text-align:center;padding-top:4px;}
#story .roast-Level .levelE{display:block;font-size:80%;padding:8px;}
#story .roast-Level .num{display:block;font-size:350%;}
#story .roast-Level .num01{color:#e7c4af;}
#story .roast-Level .num02{color:#d8a78a;}
#story .roast-Level .num03{color:#c88b66;}
#story .roast-Level .num04{color:#9f684f;}
#story .roast-Level .num05{color:#86543f;}
#story .roast-Level .num06{color:#704e46;}
#story .roast-Level .num07{color:#604b3c;}
#story .roast-Level .num08{color:#382e2b;}
#story .roast-Level .bg01{background-image: -webkit-gradient(linear, left top, right top, from(#e7c4af),  to(#c88b66));background:-ms-linear-gradient(left, #e7c4af, #c88b66);}
#story .roast-Level .bg02{color:#fff;background-image: -webkit-gradient(linear, left top, right top, from(#c88b66),  to(#86543f));background:-ms-linear-gradient(left, #c88b66, #86543f);}
#story .roast-Level .bg03{color:#fff;background-image: -webkit-gradient(linear, left top, right top, from(#86543f), to(#704e46));background:-ms-linear-gradient(left, #86543f, #704e46);}
#story .roast-Level .bg04{color:#fff;background-image: -webkit-gradient(linear, left top, right top, from(#704e46), color-stop(0.30, #604b3c),to(#382e2b));background:-ms-linear-gradient(left, #704e46, #382e2b);}
#story .coffee-name{font-size:140%;margin-bottom:10px;border-bottom:1px solid #000;line-height:1.4;}
#story .coffee-name b{font-size:50%;margin-bottom:5px;display:block;}
#story dt.coffee-name a{display:block;position: relative;padding-bottom:8px;}
#story dt.coffee-name a:after{
z-index: 1;
position: absolute;
right: 12px;
top: 0;
content: "\F105";
font-family: "FontAwesome";
line-height: 0.85em;
color: #000;
pointer-events: none;}
#story .coffee-list dd p{line-height:1.6;}
#story ul.rating{width:100%;}
#story ul.rating li{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}
#story ul.rating li{display:block;border-bottom:1px solid #ccc;padding:10px 0 4px;width:100%;}
#story ul.rating li i{font-size:120%;margin:0;padding:0 2px;line-height:0.9;}
#story ul.rating li i:first-child{padding-left:20px;}


.relation-link{padding-left:20px;}
.relation-link li{display:block;padding-top:10px;}
.inside{border-left:20px solid #e5e1d5;}
.outside{border-left:20px solid #ddd;}

/* 767px以下: デフォルト */
@media (max-width: 767px){
#story .coffee-list{display:iblock;width:100%;margin:10px 0 30px;padding:20px;border:1px solid #000;}
#story .roast-Level .levelE{display:inline-block;font-size:80%;padding:0 8px;}
#story .roast-Level .roast-name-e td p{padding-top:18px;}
#story .roast-Level td:first-child{border-left:0;}
#story .roast-Level tr.roast-name-e{float:left;width:60%;}
#story .roast-Level tr.roast-name-j{float:right;width:40%}
#story .roast-Level tr.roast-name-e td{display:block;height:50px;border-right:0;border-bottom:1px solid #ccc;}
#story .roast-Level tr.roast-name-j td{display:block;height:100px;border:0;}
#story .roast-Level tr.roast-name-j td p{padding-top:40px;}
#story .roast-Level .num{display:inline-block;float:left;font-size:350%;}
#story .roast-Level .bg01{background-image: -webkit-gradient(linear, left top, left bottom, from(#e7c4af),  to(#c88b66));background:-ms-linear-gradient(top, #e7c4af, #c88b66);}
#story .roast-Level .bg02{color:#fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#c88b66),  to(#86543f));background:-ms-linear-gradient(top, #c88b66, #86543f);}
#story .roast-Level .bg03{color:#fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#86543f), to(#704e46));background:-ms-linear-gradient(top, #86543f, #704e46);}
#story .roast-Level .bg04{color:#fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#704e46), color-stop(0.30, #604b3c),to(#382e2b));background:-ms-linear-gradient(top, #704e46, #382e2b);}
}

/*Item List */

ul.checked-list a img{border:2px solid #eee;}
ul.checked-list a:hover img{border:2px solid #999;}
ul.product-list a img{border:2px solid #eee;}
ul.product-list a:hover img{border:2px solid #999;}
.product-list,.recommend-list{text-align:left;}

/* 470px以下: デフォルト */
@media (max-width: 470px){
.product-list,.recommend-list{display:block;margin: 40px 0 45px 0;width:100%;vertical-align:top;text-align: left;/display:inline;/zoom:1;}
ul.checked-list{margin:10px -10px 0;;}
ul.checked-list li{display:inline-block;float:left;width:33.33333%;padding:10px;}
}

/* 471px以上 */
@media (min-width: 471px) {
.product-list,.recommend-list{margin: 40px -20px 0;}
.product-list li,.recommend-list li {display:inline-block;float:left;width:50%;padding:0 20px 30px;text-align:left;/zoom:1;}
ul.checked-list{margin:10px -10px 0;;}
ul.checked-list li{display:inline-block;float:left;width:16.66666%;padding:10px;}
}

/* 768px以上 */
@media (min-width: 768px) {
.product-list,.recommend-list{margin: 40px -20px 0;}
.product-list li,.recommend-list li {display:inline-block;float:left;width:50%;padding:0 20px 30px;text-align:left;/zoom:1;}
}

/* 992px以上 */
@media (min-width: 992px) {
.product-list,.recommend-list{margin: 40px -20px 0;}
.product-list li,.recommend-list li {display:inline-block;float:left;width:50%;padding:0 20px 30px;text-align:left;/zoom:1;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
.product-list,.recommend-list{margin: 40px -20px 0;}
.product-list li,.recommend-list li {display:inline-block;float:left;padding:0 20px;width:33.33333%;text-align:left;/zoom:1;}
ul.checked-list{margin:10px -15px 0;;}
ul.checked-list li{display:inline-block;float:left;width:16.66666%;padding:15px;}
}

/* list */
#list .list-header{margin:40px 0;}
#list .list-header p{margin-top:15px;line-height:1.8;}


li.product-listItem span.item-category,
li.product-listItem span.item_price,
li.product-listItem div#ct{
display:block;
border-left:1px solid #ccc;
padding-left:20px;
}
li.product-listItem span.item_name,
li.product-listItem div#nm{display:inline-block;
border-left:1px solid #ccc;
padding-left:20px;}
li.product-listItem span.item_name_sub,
li.product-listItem div#sb{display:inline-block;font-size:90%;margin-left:7px;}
li.product-listItem span.item-category, li.product-listItem div#ct{margin-top:20px;font-size:94%;}
li.product-listItem{margin-bottom:30px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;font-size:90%;line-height:1.8;}
.sold_out{display:inline-block;margin-left:20px;padding:0 4px;border:1px solid #bdad93;color:#bdad93;}

li.product-listItem span.new{background:url(https://img21.shop-pro.jp/PA01368/867/etc/icons13.gif?cmsp_timestamp=20170907015454) no-repeat 20px 5px;padding-left:60px;}
li.product-listItem span.sale{background:url(https://img21.shop-pro.jp/PA01368/867/etc/icons20.gif?cmsp_timestamp=20170907024404) no-repeat 20px 5px;padding-left:60px;}
li.product-listItem span.reco{background:url(https://img21.shop-pro.jp/PA01368/867/etc/icons31.gif?cmsp_timestamp=20170907024546) no-repeat 20px 5px;padding-left:60px;}
li.product-listItem span.down{background:url(https://img21.shop-pro.jp/PA01368/867/etc/icons40.gif?cmsp_timestamp=20170907025001) no-repeat 20px 5px;padding-left:60px;}

/* story howto */
#make li img{max-width:100%, height:auto;}

/* 470px以下: デフォルト */
@media (max-width: 470px){
#make ol.column{margin:0 -10px;}
#make li{width:100%;padding:10px;}
#make li img.howto-img{display:inline-block;width:40%;float:left;margin:0 15px 10px 0;}
#make li img.howto-num{float:left;margin:0 10px 10px 0;}
}

/* 471px以上 */
@media (min-width: 471px) {
#make ol.column{margin:0 -10px;}
#make li{width:100%;padding:10px;}
#make li img.howto-img{display:inline-block;width:40%;float:left;margin:0 15px 10px 0;}
#make li img.howto-num{float:left;margin:0 10px 10px 0;}
}

/* 768px以上 */
@media (min-width: 768px) {
#make ol{margin:0 -15px;}
#make li{display:inline-block;float:left;width:25%;padding:15px;}
#make li img.howto-img{display:block;width:160px;margin:0 0 10px 0;}
#make li img.howto-num{float:left;margin:0 10px 10px 0;}
#make li p{line-height:1.8;margin-top:0;}
}

/* 992px以上 */
@media (min-width: 992px) {
#make ol{margin:0 -10px;}
#make li{display:inline-block;float:left;width:50%;padding:10px;}
#make li img.howto-img{display:inline-block;width:160px;float:left;margin:0 15px 10px 0;}
#make li img.howto-num{float:left;margin:0 10px 10px 0;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
#make ol{margin:0 -10px;}
#make li{display:inline-block;float:left;width:25%;padding:10px;}
#make li img.howto-img{display:block;width:auto;}
#make li img.howto-num{float:left;margin:0 10px 10px 0;}
}

/* about */
p.sign{text-align:right;}

/* affiliate */
.affiliate{margin-bottom:40px;border-bottom:1px solid #ccc;}
.affiliate img{float:left;width:25%;padding:0 40px 40px 0;}
.affiliate-detail{float:left;display:inline-block;width:75%;padding-bottom:40px;}
#tools .affiliate-name{font-size:140%;line-height:1.4;margin-bottom:10px;}
#tools .affiliate-maker{line-height:1.0;}
#tools .affiliate-link{display:inline-block;text-align:center;background-color:#fa8d29;color:#fff;padding:15px;width:100%;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;border-radius:5px;}
#tools .affiliate-link:hover{background-color:#ff637d;}
#tools .affiliate-relation{display:block;margin-top:20px;}

/* making 工程　*/
#making li{display:block;margin-bottom:50px;}


/* 470px以下: デフォルト */
@media (max-width: 470px){
#making li img.right{float:none;width:100%;margin-bottom:20px;}
#making li img.photo{width:49%;margin:0;padding:0;}
#making li img.left{padding-right:20px;}
}
/* 471px以上 */
@media (min-width: 471px) {
#making li img.right{float:none;width:100%;margin-bottom:20px;}
#making li img.photo{width:49%;margin:0;padding:0;}
#making li img.left{padding-right:20px;}
}

/* 768px以上 */
@media (min-width: 768px) {
#making li img.right{float:none;width:100%;margin-bottom:20px;}
#making li img.photo{width:49%;margin:0;padding:0;}
#making li img.left{padding-right:20px;}
}

/* 992px以上 */
@media (min-width: 992px) {
#making li img.right{float:none;width:100%;margin-bottom:20px;}
#making li img.photo{width:49%;margin:0;padding:0;}
#making li img.left{padding-right:20px;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
#making li img.right{float:right;width:510px;padding-left:40px;}
#making li img.photo{width:192px;}
#making li img.left{padding-right:20px;}
}

/* #a08862 */
/* #bdad93 */
/* #e5e1d5 */
/* #f2f1f0 */

/* slider */
.swiper-container {width: 100%;height:auto;position:relative;}
    .swiper-slide {
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide img{height:auto;width:800px;}



/* 720px以下 */
@media (max-width: 720px) {
.swiper-slide img{height:auto;width:800px;}
}
/* 470px以下 */
@media (max-width: 470px) {
.swiper-container{height:auto;position:relative;}
.swiper-slide img{height:auto;}
}

#business #agency{margin-bottom:50px;}
#business #business-ex p{padding:0;margin:0;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;font-size:90%;line-height:1.8;}
#business #agency p{padding:0;margin:0;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;font-size:90%;line-height:1.8;}
#business h4{margin:0 0 10px;border-bottom:1px dashed #000;padding-bottom:7px;font-size:110%;}
#business #agency h5{margin:25px 0 10px;}
#business #agency ul{display:block;}
#business #agency li{display:block;padding-bottom:25px;border-bottom:1px solid #ccc;}

/* 470px以下: デフォルト */
@media (max-width: 470px){
#business #business-ex li{display:inline-block;width:100%;padding:15px;float:left;border:1px solid #ccc;margin:10px;}
#business #business-ex img{margin-bottom:10px;}
#business .agency-cafe,
#business .agency-shop{display:inline-block;width:100%;padding:15px;float:left;margin:10px;}
}
/* 471px以上 */
@media (min-width: 471px) {
#business #business-ex li{display:inline-block;width:100%;padding:15px;float:left;border:1px solid #ccc;margin:10px;}
#business #business-ex img{margin-bottom:10px;}
#business .agency-cafe,
#business .agency-shop{display:inline-block;width:100%;padding:15px;float:left;margin:10px;}
}

/* 768px以上 */
@media (min-width: 768px) {
#business #business-ex li{width:30.5%;}
#business .agency-cafe,
#business .agency-shop{display:inline-block;width:46%;padding:15px;float:left;margin:10px;}
}

/* 992px以上 */
@media (min-width: 992px) {
#business #business-ex li{width:46%;}
#business .agency-cafe,#business .agency-shop{width:46%;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
#business #business-ex li{width:30.5%;}
}


#about #message-image{border:3px solid #000;padding:3px;margin-top:50px;}
#about #message-frame{border:1px solid #000;}
#about #message-text{background-image:url("https://img21.shop-pro.jp/PA01368/867/etc/messe1-bg1212.png?cmsp_timestamp=20171212112255");background-repeat: no-repeat;}

/* 470px以下: デフォルト */
@media (max-width: 470px){
#about #message-text img.title{display:block;margin:0 auto;float:none;width:auto;}
#about #message-text{height:600px;background-position:center bottom;background-size:100% auto;}
#about #message-text p{padding:7px 30px 10px 30px;background-color:#fff;margin-top:-20px;}
}
/* 471px以上 */
@media (min-width: 471px) {
#about #message-text img.title{display:block;margin:0 auto;float:none;width:auto;}
#about #message-text{height:650px;background-position:center bottom;background-size:100% auto;}
#about #message-text p{padding:7px 30px 10px 30px;background-color:#fff;margin-top:-20px;}
}

/* 768px以上 */
@media (min-width: 768px) {
#about #message-text img.title{display:block;margin:0 auto;float:none;width:auto;}
#about #message-text{height:650px;background-position:center 120px;background-size:auto;}
#about #message-text p{padding:7px 30px 10px 30px;background-color:#fff;margin-top:-20px;}
}

/* 992px以上 */
@media (min-width: 992px) {
#about #message-text img.title{display:block;margin:0 auto;float:none;width:auto;}
#about #message-text{height:600px;background-position:center 200px;background-size:100% auto;}
#about #message-text p{padding:7px 30px 10px 30px;background-color:#fff;margin-top:-20px;}
}

/* 1260px以上 */
@media (min-width: 1260px) {
#about #message-text img.title{float:left;width:auto;}
#about #message-text{height:588px;background-position:center 20px;background-size:auto;}
#about #message-text p{padding:25px 30px 10px 30px;background-color:#fff;margin-top:0px;}
}

/*2019.04.04追記 */
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.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;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  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 {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.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-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;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  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;
}
/* Scrollbar */
.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;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}