@charset "UTF-8";
/*

*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; -webkit-interpolation-mode: nearest-neighbor; }

pre, code, kbd, samp, tt { font-family: monospace, serif; font-size: 1em; font-family: 'courier new', monospace; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }

button, input { line-height: normal; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

caption, th, td { text-align: left; vertical-align: middle; }

sub, sup { font-size: 75%; line-height: 0; height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; padding-right: .15em; display: inline-block; }

sub { bottom: -0.25em; padding-right: .15em; display: inline-block; }

html { position: relative; -webkit-font-feature-settings: 'pwid' 1; font-feature-settings: 'pwid' 1; }

body { overflow: hidden; }

/*common*/
.gallery { width: 100%; position: relative; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; }

.gallery-header { text-align: center; }

.gallery-header a { position: relative; display: inline-block; text-decoration: none; padding: 15px 0; height: 15px; }

.gallery-header a .is-b { position: relative; z-index: 1; }

.gallery-header a .is-w { position: absolute; top: 15px; left: 0; z-index: 0; opacity: 0; }

.gallery-carousel { display: none; }

.gallery-carousel.slick-initialized { display: block; }

.gallery-carousel-link { display: block; text-decoration: none; }

.gallery-carousel-link:hover .gallery-carousel-title, .gallery-carousel-link:hover .gallery-carousel-txt { opacity: .6; }

.gallery-carousel-img { position: relative; background-repeat: no-repeat; background-position: 50%; background-size: cover; }

.gallery-carousel-img-thumb { position: relative; width: 100%; height: 0; padding-bottom: 72%; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.gallery-carousel-tag { position: absolute; bottom: 0; left: 0; font-size: 75%; font-weight: bold; padding: 5px 20px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.gallery-carousel-area { padding: 1em 0.75em; }

.gallery-carousel-title { font-size: 88%; line-height: 1.6; font-weight: bold; margin-bottom: .25em; color: #000; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.gallery-carousel-txt { font-size: 75%; line-height: 1.6; color: #000; overflow: hidden; width: 100%; height: 34px; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }

.gallery-carousel-arrow { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; height: 50px; width: 20px; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; }

.gallery-carousel-arrow.is-left { left: 0; }

.gallery-carousel-arrow.is-left:before { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; border-top: solid 4px transparent; border-right: solid 6px #fff; border-bottom: solid 4px transparent; border-left: solid 6px transparent; margin-left: -3px; }

.gallery-carousel-arrow.is-right { right: 0; }

.gallery-carousel-arrow.is-right:before { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; border-top: solid 4px transparent; border-right: solid 6px transparent; border-bottom: solid 4px transparent; border-left: solid 6px #fff; margin-left: 3px; }

.gallery-carousel-arrow:hover { opacity: .7; }

.gallery-bottom { padding: .5em 0 1.5em; }

.gallery-bottom p { text-align: center; }

.gallery-bottom a { display: inline-block; padding: 10px 3em; font-size: 75%; color: #fff; text-decoration: none; position: relative; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

.gallery-bottom a:before { content: " "; position: absolute; top: 50%; left: 2.2em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 0; height: 0; border-top: solid 3px transparent; border-right: solid 5px transparent; border-bottom: solid 3px transparent; border-left: solid 5px #fff; }

.gallery-bottom a:hover { opacity: .6; }

.ie11 .gallery-carousel-tag { padding: 7px 20px 3px; }

.ie11 .gallery-bottom a { padding: 12px 3em 8px; }

/*design*/
.design-rounded .gallery { border-radius: 10px; }

/*color*/
.color-green .gallery { border-top: 2px solid #3F9B38; }

.color-green .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #3F9B38; }

.color-green .gallery-carousel-link:hover .gallery-carousel-tag { color: #3F9B38; }

.color-green .gallery-carousel-tag { background-color: #3F9B38; border: 2px solid #3F9B38; }

.color-green .gallery-carousel-arrow { background-color: #3F9B38; }

.color-green .gallery-bottom a { background-color: #3F9B38; }

.color-blue .gallery { border-top: 2px solid #6a8cca; }

.color-blue .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #6a8cca; }

.color-blue .gallery-carousel-link:hover .gallery-carousel-tag { color: #6a8cca; }

.color-blue .gallery-carousel-tag { background-color: #6a8cca; border: 2px solid #6a8cca; }

.color-blue .gallery-carousel-arrow { background-color: #6a8cca; }

.color-blue .gallery-bottom a { background-color: #6a8cca; }

.color-lightblue .gallery { border-top: 2px solid #bdeaf0; }

.color-lightblue .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #bdeaf0; }

.color-lightblue .gallery-carousel-tag { background-color: #bdeaf0; border: 2px solid #bdeaf0; }

.color-lightblue .gallery-carousel-arrow { background-color: #bdeaf0; }

.color-lightblue .gallery-bottom a { background-color: #bdeaf0; }

.color-purple .gallery { border-top: 2px solid #595175; }

.color-purple .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #595175; }

.color-purple .gallery-carousel-link:hover .gallery-carousel-tag { color: #595175; }

.color-purple .gallery-carousel-tag { background-color: #595175; border: 2px solid #595175; }

.color-purple .gallery-carousel-arrow { background-color: #595175; }

.color-purple .gallery-bottom a { background-color: #595175; }

.color-red .gallery { border-top: 2px solid #d50f10; }

.color-red .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #d50f10; }

.color-red .gallery-carousel-link:hover .gallery-carousel-tag { color: #d50f10; }

.color-red .gallery-carousel-tag { background-color: #d50f10; border: 2px solid #d50f10; }

.color-red .gallery-carousel-arrow { background-color: #d50f10; }

.color-red .gallery-bottom a { background-color: #d50f10; }

.color-pink .gallery { border-top: 2px solid #f170a3; }

.color-pink .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #f170a3; }

.color-pink .gallery-carousel-link:hover .gallery-carousel-tag { color: #f170a3; }

.color-pink .gallery-carousel-tag { background-color: #f170a3; border: 2px solid #f170a3; }

.color-pink .gallery-carousel-arrow { background-color: #f170a3; }

.color-pink .gallery-bottom a { background-color: #f170a3; }

.color-orange .gallery { border-top: 2px solid #f97c06; }

.color-orange .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #f97c06; }

.color-orange .gallery-carousel-link:hover .gallery-carousel-tag { color: #f97c06; }

.color-orange .gallery-carousel-tag { background-color: #f97c06; border: 2px solid #f97c06; }

.color-orange .gallery-carousel-arrow { background-color: #f97c06; }

.color-orange .gallery-bottom a { background-color: #f97c06; }

.color-yellow .gallery { border-top: 2px solid #feff99; }

.color-yellow .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #feff99; }

.color-yellow .gallery-carousel-tag { background-color: #feff99; border: 2px solid #feff99; }

.color-yellow .gallery-carousel-arrow { background-color: #feff99; }

.color-yellow .gallery-bottom a { background-color: #feff99; }

.color-grey .gallery { border-top: 2px solid #979797; }

.color-grey .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #979797; }

.color-grey .gallery-carousel-link:hover .gallery-carousel-tag { color: #979797; }

.color-grey .gallery-carousel-tag { background-color: #979797; border: 2px solid #979797; }

.color-grey .gallery-carousel-arrow { background-color: #979797; }

.color-grey .gallery-bottom a { background-color: #979797; }

.color-black .gallery { border-top: 2px solid #000000; }

.color-black .gallery-carousel-link:hover .gallery-carousel-img-thumb { border-color: #000000; }

.color-black .gallery-carousel-link:hover .gallery-carousel-tag { color: #000000; }

.color-black .gallery-carousel-tag { background-color: #000000; border: 2px solid #000000; }

.color-black .gallery-carousel-arrow { background-color: #000000; }

.color-black .gallery-bottom a { background-color: #000000; }

/*背景色*/
.bcolor-white .gallery { background-color: #fff; }

.bcolor-white .gallery-header a .is-b { position: relative; z-index: 1; opacity: 1; }

.bcolor-white .gallery-header a .is-w { z-index: 1; opacity: 0; }

.bcolor-white .gallery-carousel-tag { color: #fff; }

.bcolor-white .gallery-carousel-title { color: #000; }

.bcolor-white .gallery-carousel-txt { color: #000; }

.bcolor-white .gallery-carousel-link { color: #000; }

.bcolor-white .gallery-carousel-link:hover .gallery-carousel-tag { background-color: #fff; }

.bcolor-white .gallery-carousel-arrow.is-left:before { border-right: solid 6px #fff; }

.bcolor-white .gallery-carousel-arrow.is-right:before { border-left: solid 6px #fff; }

.bcolor-white .gallery-bottom a { color: #fff; }

.bcolor-white .gallery-bottom a:before { border-left: solid 5px #fff; }

.bcolor-white.color-lightblue .gallery-carousel-tag, .bcolor-white.color-yellow .gallery-carousel-tag { color: #000; }

.bcolor-white.color-lightblue .gallery-carousel-arrow.is-left:before, .bcolor-white.color-yellow .gallery-carousel-arrow.is-left:before { border-right: solid 6px #000; }

.bcolor-white.color-lightblue .gallery-carousel-arrow.is-right:before, .bcolor-white.color-yellow .gallery-carousel-arrow.is-right:before { border-left: solid 6px #000; }

.bcolor-white.color-lightblue .gallery-bottom a, .bcolor-white.color-yellow .gallery-bottom a { color: #000; }

.bcolor-white.color-lightblue .gallery-bottom a:before, .bcolor-white.color-yellow .gallery-bottom a:before { border-left: solid 5px #000; }

.bcolor-grey .gallery { background-color: #f4f4f4; }

.bcolor-grey .gallery-header a .is-b { position: relative; z-index: 1; opacity: 1; }

.bcolor-grey .gallery-header a .is-w { z-index: 0; opacity: 0; }

.bcolor-grey .gallery-carousel-tag { color: #fff; }

.bcolor-grey .gallery-carousel-title { color: #000; }

.bcolor-grey .gallery-carousel-txt { color: #000; }

.bcolor-grey .gallery-carousel-link { color: #000; }

.bcolor-grey .gallery-carousel-link:hover .gallery-carousel-tag { background-color: #fff; }

.bcolor-grey .gallery-carousel-arrow.is-left:before { border-right: solid 6px #fff; }

.bcolor-grey .gallery-carousel-arrow.is-right:before { border-left: solid 6px #fff; }

.bcolor-grey .gallery-bottom a { color: #fff; }

.bcolor-grey .gallery-bottom a:before { border-left: solid 5px #fff; }

.bcolor-grey.color-lightblue .gallery-carousel-tag, .bcolor-grey.color-yellow .gallery-carousel-tag { color: #000; }

.bcolor-grey.color-lightblue .gallery-carousel-arrow.is-left:before, .bcolor-grey.color-yellow .gallery-carousel-arrow.is-left:before { border-right: solid 6px #000; }

.bcolor-grey.color-lightblue .gallery-carousel-arrow.is-right:before, .bcolor-grey.color-yellow .gallery-carousel-arrow.is-right:before { border-left: solid 6px #000; }

.bcolor-grey.color-lightblue .gallery-bottom a, .bcolor-grey.color-yellow .gallery-bottom a { color: #000; }

.bcolor-grey.color-lightblue .gallery-bottom a:before, .bcolor-grey.color-yellow .gallery-bottom a:before { border-left: solid 5px #000; }

.bcolor-black .gallery { background-color: #353535; }

.bcolor-black .gallery-header a .is-b { position: relative; z-index: 0; opacity: 0; }

.bcolor-black .gallery-header a .is-w { z-index: 1; opacity: 1; }

.bcolor-black .gallery-carousel-tag { color: #fff; }

.bcolor-black .gallery-carousel-title { color: #fff; }

.bcolor-black .gallery-carousel-txt { color: #fff; }

.bcolor-black .gallery-carousel-link { color: #fff; }

.bcolor-black .gallery-carousel-link:hover .gallery-carousel-tag { background-color: #fff; }

.bcolor-black .gallery-carousel-arrow.is-left:before { border-right: solid 6px #fff; }

.bcolor-black .gallery-carousel-arrow.is-right:before { border-left: solid 6px #fff; }

.bcolor-black .gallery-bottom a { color: #fff; }

.bcolor-black .gallery-bottom a:before { border-left: solid 5px #fff; }

.bcolor-black.color-lightblue .gallery-carousel-tag, .bcolor-black.color-yellow .gallery-carousel-tag { color: #000; }

.bcolor-black.color-lightblue .gallery-carousel-arrow.is-left:before, .bcolor-black.color-yellow .gallery-carousel-arrow.is-left:before { border-right: solid 6px #000; }

.bcolor-black.color-lightblue .gallery-carousel-arrow.is-right:before, .bcolor-black.color-yellow .gallery-carousel-arrow.is-right:before { border-left: solid 6px #000; }

.bcolor-black.color-lightblue .gallery-bottom a, .bcolor-black.color-yellow .gallery-bottom a { color: #000; }

.bcolor-black.color-lightblue .gallery-bottom a:before, .bcolor-black.color-yellow .gallery-bottom a:before { border-left: solid 5px #000; }

.layout-1x1 .gallery-carousel-arrow { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; }

.layout-multi .gallery-carousel { padding: 0 20px; }

.layout-multi .gallery-carousel-col { padding: 10px 5px 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layout-multi .slick-slide > div { height: auto; }

.layout-2x2 .gallery-carousel-col, .layout-2x3 .gallery-carousel-col { letter-spacing: -0.5em; width: calc(100% + 10px); margin: 0 -5px; }

.layout-2x2 .gallery-carousel-report, .layout-2x3 .gallery-carousel-report { display: inline-block; vertical-align: top; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 5px; }

.layout-3x2 .gallery-carousel-col, .layout-3x3 .gallery-carousel-col { letter-spacing: -0.5em; width: calc(100% + 10px); margin: 0 -5px; }

.layout-3x2 .gallery-carousel-report, .layout-3x3 .gallery-carousel-report { display: inline-block; vertical-align: top; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.333%; padding: 0 5px; }

.ie11 .layout-2x2 .gallery-carousel-col, .ie11 .layout-2x3 .gallery-carousel-col, .ie11 .layout-3x2 .gallery-carousel-col, .ie11 .layout-3x3 .gallery-carousel-col { margin: 0; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -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; }

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

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .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; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

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

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { 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; }

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

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }