@charset "UTF-8";
/* CSS Document */

top_cover{color:#FFF;width:100%;max-height:450px;margin-top:105px;text-align:center;position:relative;display:block;box-sizing:border-box;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background-color:#f0efe9}@media screen and (max-width: 640px){.top_cover{height:270px;margin-top:80px}}.top_cover img{width:auto}/*@media screen and (min-width: 960px){.top_cover img{height:100%}}:*/@media screen and (max-width: 640px){.top_cover img{height:270px}}.top_cover button{margin:0;padding:0;background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.top_cover button.slick-prev{position:absolute;top:50%;left:25px;margin-top:-20px;width:23px;height:41px;background-image:url('../img/spr-sb366bb0f0e.png');background-position:0 -596px;background-repeat:no-repeat;-moz-background-size:480px auto;-o-background-size:480px auto;-webkit-background-size:480px auto;background-size:480px auto;text-indent:100%;white-space:nowrap;overflow:hidden}.top_cover button.slick-next{position:absolute;top:50%;right:25px;margin-top:-20px;width:23px;height:41px;background-image:url('../img/spr-sb366bb0f0e.png');background-position:0 -642px;background-repeat:no-repeat;-moz-background-size:480px auto;-o-background-size:480px auto;-webkit-background-size:480px auto;background-size:480px auto;text-indent:100%;white-space:nowrap;overflow:hidden}.top_cover .slick-dots{height:19px;position:absolute;bottom:20px;right:25px;text-align:right;z-index:3}.top_cover .slick-dots li{display:inline-block;margin:0 0 0 8px;width:19px;height:19px}.top_cover .slick-dots li button{text-indent:100%;white-space:nowrap;overflow:hidden;width:13px;height:13px;border:3px solid #FFF;border-radius:20px;background-color:transparent;-moz-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;-webkit-transition:background-color 0.4s ease;transition:background-color 0.4s ease}.top_cover .slick-dots li.slick-active button{background-color:#FFF}@media screen and (max-width: 640px){.top_cover .slick-dots{width:100%;height:10px;bottom:12px;right:50%;margin-right:-50%;text-align:center}.top_cover .slick-dots li{width:10px;height:10px}.top_cover .slick-dots li button{width:8px;height:8px;border:2px solid #FFF}}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.top_cover .slick-track,.top_cover .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;max-height:482px}.slick-track:before,.slick-track:after{content:"";display:table}.slick-loading .slick-track{visibility:hidden}/*@media screen and (min-width: 960px){.top_cover .slick-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:rgba(255,255,255,0) 0 0 0 0 inset;-moz-transition:box-shadow 0.4s ease;-o-transition:box-shadow 0.4s ease;-webkit-transition:box-shadow 0.4s ease;transition:box-shadow 0.4s ease}.top_cover .slick-slide:hover:after{/*box-shadow:rgba(0,0,0,0.2) 0 0 0 8px inset}}.slick-slide{float:left;height:100%;min-height:1px;position:relative}[dir="rtl"] .slick-slide{float:right}.slick-slide a{display:block}*/@media screen and (max-width: 640px){.slick-slide .slide_box{height:270px}.slick-slide .slide_box img{position:relative;height:270px}}.slick-slide .slide_box:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:100px;background:url("../img/mask_u.png") top left repeat-x;z-index:50;clear:both}.slick-slide .slide_box.no_title:after{display:none}.slick-slide .slide_box .cap{color:#FFF;display:inline-block;width:80%;text-align:center;position:absolute;bottom:20px;left:50%;margin-left:-40%;z-index:100}.slick-slide .slide_box .cap h3{font-size:14px;font-weight:bold;display:inline-block;letter-spacing:0.05em;/*line-height:1.5;*/padding:5px 15px 6px}.slick-slide .slide_box .cap h3 span{display:inline-block;margin-right:10px}.slick-slide .slide_box .cap h3 span:after{content:"";display:inline-block;position:relative;margin-left:15px;width:0;height:0;border-top:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #FFF;-moz-transition:border-left 0.4s ease;-o-transition:border-left 0.4s ease;-webkit-transition:border-left 0.4s ease;transition:border-left 0.4s ease}/*@media screen and (min-width: 960px){.slick-slide .slide_box .cap h3{border:1px solid #FFF;line-height:28px;padding:0 10px}}*/@media screen and (max-width: 640px){.slick-slide .slide_box .cap{width:310px;margin-left:-155px;bottom:20px}.slick-slide .slide_box .cap h3{font-size:12px}.slick-slide .slide_box .cap h3 span{display:inline-block;margin-right:6px}.slick-slide .slide_box .cap h3 span:after{border-top:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid #FFF;margin-left:10px;top:-1px}}.slick-slide .slide_box img{display:block;vertical-align:top;box-shadow:rgba(113,135,164,0.65098) 0px 0px 6px 3px inset}.slick-slide .slide_box img:hover{box-shadow:0 0 5px 0 rgba(255,255,255,0.8) inset}.slick-slide .slide_box img.sp_cover{display:none}@media screen and (max-width: 640px){.slick-slide .slide_box img.pc_cover{display:none}.slick-slide .slide_box img.sp_cover{display:block}}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.voice{width:100%;background-color:#fdf4ed;margin:1px 0 0}.voice .inbox{padding:20px;text-align:center}.voice .inbox p{color:#333;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;display:inline-block;background-color:#FFF;border-radius:10px;padding:5px 15px;box-shadow:0 2px 0 rgba(0,0,0,0.05)}


@media screen and (max-width: 640px){.single.woocommerce #content div.product .images .multi_gallery .slick-dots{height:10px}.single.woocommerce #content div.product .images .multi_gallery .slick-dots li{width:10px;height:10px}.single.woocommerce #content div.product .images .multi_gallery .slick-dots li button{width:8px;height:8px;border:2px solid #FFF}}.single.woocommerce #content div.product .images .multi_gallery_nav{margin-top:15px}.single.woocommerce #content div.product .images .multi_gallery_nav .slick-slide{width:23% !important;margin-right:2.666%;opacity:0.7;-moz-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease;cursor:pointer}.single.woocommerce #content div.product .images .multi_gallery_nav .slick-slide.slick-current{opacity:1}.single.woocommerce #content div.product .images .multi_gallery_nav .slick-slide:nth-child(4n){margin-right:0}.single.woocommerce #content div.product .images .multi_gallery_nav .slick-track{width:100% !important}


/*
@media screen and (min-width: 960px){.single.woocommerce #content div.product .images .multi_gallery .slick-list{width:700px;height:465px !important;overflow:hidden}}
*/



/****************************************
          TOP
*****************************************/
#main a:hover img {
    opacity: 1.0;
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    max-height: 482px;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
}

.slick-slide .slide_box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url("../img/mask_u.png") top left repeat-x;
    z-index: 50;
    clear: both;
}

.top_cover {
    color: #FFF;
    width: 100%;
    max-height: 450px;
    /*margin-top: 105px;*/
    text-align: center;
    position: relative;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    /*background-color: #f0efe9;*/
}

.top_cover button.slick-prev {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -596px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.top_cover button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1;
}
.top_cover .slick-track, .top_cover .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-initialized .slick-slide {
    display: block;
}
.slick-slide .slide_box img {
    display: block;
    vertical-align: top;
    box-shadow: rgba(113,135,164,0.65098) 0px 0px 6px 3px inset;
}
.top_cover img {
    width: auto;
}
.slick-slide .slide_box .cap {
    color: #FFF;
    display: inline-block;
    width: 80%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -40%;
    z-index: 100;
}
.slick-slide .slide_box .cap h3 {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.05em;
    line-height: 1.3;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.slick-slide .slide_box .cap h3 span {
    display: inline-block;
    margin-right: 10px;
}

.slick-slide .slide_box .cap h3 span:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFF;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease;
}
.slick-slide .slide_box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/mask_u.png) top left repeat-x;
    z-index: 50;
    clear: both;
}

.slick-slide .slide_box img.sp_cover {
    display: none;
}

.top_cover button.slick-next {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -642px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.top_cover button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1;
}

.top_cover .slick-dots {
    height: 19px;
    position: absolute;
    bottom: 20px;
    right: 25px;
    text-align: right;
    /*z-index: 100;*/
}

.top_cover .slick-dots li {
    display: inline-block;
    margin: 0 0 0 8px;
    width: 19px;
    height: 19px;
}

.top_cover button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*z-index: 100;*/
}

.top_cover .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border: 3px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}


@media screen and (max-width: 640px){
.top_cover {
    height: 270px;
    margin-top: 0px;
}
.slick-slide .slide_box {
    height: 270px;
}
.slick-slide .slide_box img {
    position: relative;
    height: 270px;
}
.slick-slide .slide_box .cap {
    width: 310px;
    margin-left: -155px;
    bottom: 20px;
}
.slick-slide .slide_box .cap h3 {
    font-size: 12px;
	line-height: 1.3;
}
.slick-slide .slide_box .cap h3 span {
    display: inline-block;
    margin-right: 6px;
}
.slick-slide .slide_box .cap h3 span:after {
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #FFF;
    margin-left: 10px;
    top: -1px;
}
.top_cover .slick-dots {
    width: 100%;
    height: 10px;
    bottom: 12px;
    right: 50%;
    margin-right: -50%;
    text-align: center;
}
.top_cover .slick-dots li {
    width: 10px;
    height: 10px;
}
.top_cover .slick-dots li button {
    width: 8px;
    height: 8px;
    border: 2px solid #FFF;
}
.slick-slide .slide_box img.pc_cover {
    display: none;
}
.slick-slide .slide_box img.sp_cover {
    display: block;
}
}


/*
@media screen and (min-width: 960px){
.slick-slide .slide_box .cap h3 {
	font-size:16px;
    border: 1px solid #FFFFFF;
    line-height: 28px;
    padding: 5px 20px;
	border-radius: 4px;
}

.top_cover .slick-slide:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: rgba(255,255,255,0) 0 0 0 0 inset;
    -moz-transition: box-shadow 0.4s ease;
    -o-transition: box-shadow 0.4s ease;
    -webkit-transition: box-shadow 0.4s ease;
    transition: box-shadow 0.4s ease;
}

.top_cover img {
    height: 100%;
}

}
*/