/** Shopify CDN: Minification failed

Line 35:0 Expected identifier but found "/"
Line 35:16 Expected identifier but found "/"
Line 272:0 Unexpected "}"

**/
/* @font-face {
font-family: "arrows";
src: url("../font/arrows/arrows.eot");
src: url("../font/arrows/arrows.eot?#iefix") format("embedded-opentype"), url("../font/arrows/arrows.woff") format("woff"), url("../font/arrows/arrows.ttf") format("truetype"), url("../font/arrows/arrows.svg#arrows") format("svg");
font-weight: normal;
font-style: normal;
} */
/* font-awesome.css
@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot');
src: url('/fontawesome-webfont.eot?#iefix&v=6.4.2') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=6.4.2') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=6.4.2') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=6.4.2') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=6.4.2#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
*/

@font-face {
font-family: "arrows";
src: url("../font/arrows/arrows.eot");
src: url("../font/arrows/arrows.eot?#iefix") format("embedded-opentype"), url("../font/arrows/arrows.woff") format("woff"), url("../font/arrows/arrows.ttf") format("truetype"), url("../font/arrows/arrows.svg#arrows") format("svg");
font-weight: normal;
font-style: normal;
}

/* Main Content */
.bb-custom-wrapper {
max-width: 80em;
/max-width:100%;/
width: 100%;
position: relative;
margin: 0 auto 40px;
text-align: center;
}
/* .text-overlay1{
width:100%;
} */
.bb-custom-wrapper .bb-bookblock img::before {
content:"";
display:block;
padding-top:56.25%;
}
@media screen and (max-width: 2560px) {
.bb-custom-wrapper {
max-width: 159em;
margin: 0 auto;
}
}
@media screen and (max-width: 2304px) {
.bb-custom-wrapper {
max-width: 143em;
}
}
@media screen and (max-width: 1920px) {
.bb-custom-wrapper {
max-width: 115em;
margin: 0 auto;
}
}
/* @media screen and (max-width: 1600px) {
.bb-custom-wrapper {
max-width:83em;
}
} */
@media screen and (max-width: 1600px) {
.bb-custom-wrapper {
max-width: 80em;
margin: 0 auto;
}
}
/* @media screen and (max-width: 1366px) {
.bb-custom-wrapper {
max-width: 77em;
margin: 0 auto;
}
} */
@media screen and (max-width: 1366px) {
.bb-custom-wrapper {
max-width:73em;
margin: 0 auto;
}
}
/* @media screen and (max-width: 1300px) {
.bb-custom-wrapper {
max-width:75em;
margin: 0 auto;
}
} */
@media screen and (max-width: 1300px) {
.bb-custom-wrapper {
max-width:70em;
margin: 0 auto;
}
}
@media screen and (max-width: 1080px) {
.bb-custom-wrapper {
max-width: 65em;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
.bb-custom-wrapper {
max-width: 65em;
}
}
@media screen and (max-width: 1000px) {
.bb-custom-wrapper {
max-width: 61em;
}
}
@media screen and (max-width:996px) {
.bb-custom-wrapper {
max-width: 60em;
}
}
@media screen and (max-width:960px) {
.bb-custom-wrapper {
max-width: 58em;
}
}
@media screen and (max-width: 920px) {
.bb-custom-wrapper {
max-width: 55em;
}
}
@media screen and (max-width: 880px) {
.bb-custom-wrapper {
max-width: 52em;
}
}
@media screen and (max-width: 845px) {
.bb-custom-wrapper {
max-width: 50em;
}
}
@media screen and (max-width: 830px) {
.bb-custom-wrapper {
max-width: 48em;
}
}
@media screen and (max-width: 768px) {
.bb-custom-wrapper {
max-width: auto;
}
}
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
.bb-custom-wrapper {
max-width:60em;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.bb-custom-wrapper {
max-width: 54em;
}
}
/* #image2,#image4,#image5,#image6,#image7,#image8 {
box-shadow: 0 12px 20px -10px rgba(81, 64, 49, 0.6);
} */
/* #image1,#image3{
box-shadow: 0 5px 10px -5px rgba(81, 64, 49, 0.6);
}  */
.bb-custom-wrapper nav {
margin: 1em auto 60px;
}
.bb-custom-wrapper .bb-bookblock img {
width: 80em;
height:100%;
object-fit:contain;
}
@media screen and (max-width: 2560px) {
.bb-custom-wrapper .bb-bookblock img {
width: 159em;
}
}
@media screen and (max-width: 2304px) {
.bb-custom-wrapper .bb-bookblock img {
width: 143em;
}
}
@media screen and (max-width: 1920px) {
.bb-custom-wrapper .bb-bookblock img {
width: 115em;
}
}

@media screen and (max-width: 1600px) {
.bb-custom-wrapper .bb-bookblock img {
width: 80em;
}
}
@media screen and (max-width: 1366px) {
.bb-custom-wrapper .bb-bookblock img {
width: 73em;
}
}
@media screen and (max-width: 1300px) {
.bb-custom-wrapper .bb-bookblock img {
width: 70em;
}
}
@media screen and (max-width: 1080px) {
.bb-custom-wrapper .bb-bookblock img {
width: 65em;
}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
.bb-custom-wrapper .bb-bookblock img {
width:65em;
}
}
@media screen and (max-width: 1000px) {
.bb-custom-wrapper .bb-bookblock img {
width: 61em;
}
}
@media screen and (max-width: 996px) {
.bb-custom-wrapper .bb-bookblock img {
width: 60em;
}
}
@media screen and (max-width:960px) {
.bb-custom-wrapper .bb-bookblock img {
width: 58em;
}
}
@media screen and (max-width:920px) {
.bb-custom-wrapper .bb-bookblock img {
width: 55em;
}
}
@media screen and (max-width: 880px) {
.bb-custom-wrapper .bb-bookblock img {
width: 52em;
}
}
@media screen and (max-width: 830px) {
.bb-custom-wrapper .bb-bookblock img {
width: 48em;
}
}
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
.bb-custom-wrapper .bb-bookblock img {
width: 60em;
}
}
@media screen and (max-width: 768px) {
.bb-custom-wrapper .bb-bookblock img {
width:auto;
}

.bb-custom-wrapper .bb-bookblock img::before {
content:"";
display:block;
padding-top:56.25%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.bb-custom-wrapper .bb-bookblock img {
width: 54em;
}
}
/* @media screen and (max-width: 700px) {
.bb-custom-wrapper .bb-bookblock img {
height:380px;
} */

}

@media screen and (max-width: 600px) {
.bb-custom-wrapper .bb-bookblock img {
height:340px;
}

.bb-custom-wrapper h3 {
font-size: 1.4em;
font-weight: 300;
margin: 0.4em 0 1em;
}
}

/* navつけた場合 */
/* .bb-custom-wrapper nav {
width: 100%;
height: 30px;
margin: 1em auto 60px;
position: relative;
z-index: 0;
display: flex;
justify-content: center;
}

.bb-custom-wrapper nav span {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
border-radius: 2px;
background: #72b890;
color: #fff;
font-size: 0;
margin: 2px;
}

.bb-custom-wrapper nav span:hover {
opacity: 0.6;
}

.bb-custom-icon:before {
font-family: "arrows";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 20px;
line-height: 30px;
display: block;
-webkit-font-smoothing: antialiased;
}

.bb-custom-icon-first:before,
.bb-custom-icon-last:before {
content: "\e002";
}

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-arrow-right:before {
content: "\e003";
}

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-first:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
*/
/* No JS */
.no-js .bb-custom-wrapper {
height: auto;
}

.no-js .bb-custom-content {
height: 470px;
}
/* @media screen and (max-width: 768px) {
.bb-custom-wrapper {
margin: 0 auto;
text-align: center;
width: 100%;
}
} */

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

/* 矢印 */
.arrow,
.arrowfirst,
.arrowlast{
top: 0;
position: absolute;
width: 8%;
height: 100%;
/* background: rgba(255, 255, 255, 0.3); */
cursor: pointer;
}
.arrow:before,
.arrowfirst:before,
.arrowlast:before{
content: "";
position: absolute;
width: 10px;
height: 10px;
border-left: 0;
border-bottom: 0;
}
.left{
left: 0px;
}
.left:before {
top: calc(50% - 10px);
left: calc(50% - 35px);
transform: rotate(45deg);
}
.right {
right: 0;
}
.right:before {
top: calc(50% - 10px);
right: calc(50% - 35px);
transform: rotate(-135deg);
}
@media screen and (max-width: 820px) {
.right{
right:2%
}
.left{
left:2%
}

}
@media screen and (max-width: 550px) {
.bb-custom-wrapper .bb-bookblock img {
height:300px;
}
.right{
right:3%
}
.left{
left:3%
}

}

@media screen and (max-width: 500px) {
.right{
right:4%
}
.left{
left:4%
}

}
@media screen and (min-width: 500px) {
.swiper {
display: none;
}
}