/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    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;
    top: 0;
    left: 0;

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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 {width:840px; margin:0 auto; padding-top:10px; position:relative; z-index:9999;}
.slider a { color:#fff; width:120px; display:block; height:130px; box-sizing:border-box; font-size:80%; padding:90px 0 0 0;}
.slider a:hover { color:#666;}

.slider .slider1 a { background:url(../img/slid.png) no-repeat 0 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider2 a { background:url(../img/slid.png) no-repeat -120px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider3 a { background:url(../img/slid.png) no-repeat -240px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider4 a { background:url(../img/slid.png) no-repeat -360px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider5 a { background:url(../img/slid.png) no-repeat -480px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider6 a { background:url(../img/slid.png) no-repeat -600px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider7 a { background:url(../img/slid.png) no-repeat -720px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider8 a { background:url(../img/slid.png) no-repeat -840px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider9 a { background:url(../img/slid.png) no-repeat -960px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider10 a { background:url(../img/slid.png) no-repeat -1080px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider11 a { background:url(../img/slid.png) no-repeat -1200px 0, url(../img/arrow04.svg) no-repeat 50% 112px; background-size:1440px 280px,13px 7px;}
.slider .slider12 a { background:url(../img/slid.png) no-repeat -1440px 0, url(../img/arrow04.svg) no-repeat 50% 112px;}
/*.slider .slider13 a { background:url(../img/slid.png) no-repeat -120px 0, url(../img/arrow04.svg) no-repeat 50% 112px;}
.slider .slider14 a { background:url(../img/slid.png) no-repeat -240px 0, url(../img/arrow04.svg) no-repeat 50% 112px;}*/

.slider .slider1 a:hover { background:url(../img/slid.png) no-repeat 0 -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider2 a:hover { background:url(../img/slid.png) no-repeat -120px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider3 a:hover { background:url(../img/slid.png) no-repeat -240px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider4 a:hover { background:url(../img/slid.png) no-repeat -360px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider5 a:hover { background:url(../img/slid.png) no-repeat -480px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider6 a:hover { background:url(../img/slid.png) no-repeat -600px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider7 a:hover { background:url(../img/slid.png) no-repeat -720px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider8 a:hover { background:url(../img/slid.png) no-repeat -840px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider9 a:hover { background:url(../img/slid.png) no-repeat -960px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider10 a:hover { background:url(../img/slid.png) no-repeat -1080px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider11 a:hover { background:url(../img/slid.png) no-repeat -1200px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1; background-size:1440px 280px,13px 7px;}
.slider .slider12 a:hover { background:url(../img/slid.png) no-repeat -1440px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1;}
/*.slider .slider13 a:hover { background:url(../img/slid.png) no-repeat -600px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1;}
.slider .slider14 a:hover { background:url(../img/slid.png) no-repeat -720px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;filter: alpha(style=0,opacity=100); opacity:1;}*/

.slider a.selected { color:#666;}
.slider .slider1 a.selected { background:url(../img/slid.png) no-repeat 0 -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider2 a.selected { background:url(../img/slid.png) no-repeat -120px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider3 a.selected { background:url(../img/slid.png) no-repeat -240px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider4 a.selected { background:url(../img/slid.png) no-repeat -360px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider5 a.selected { background:url(../img/slid.png) no-repeat -480px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider6 a.selected { background:url(../img/slid.png) no-repeat -600px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider7 a.selected { background:url(../img/slid.png) no-repeat -720px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider8 a.selected { background:url(../img/slid.png) no-repeat -840px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider9 a.selected { background:url(../img/slid.png) no-repeat -960px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider10 a.selected { background:url(../img/slid.png) no-repeat -1080px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider11 a.selected { background:url(../img/slid.png) no-repeat -1200px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
.slider .slider12 a.selected { background:url(../img/slid.png) no-repeat -1440px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF; background-size:1440px 280px,13px 7px;}
/*
.slider .slider13 a.selected { background:url(../img/slid.png) no-repeat -600px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;}
.slider .slider14 a.selected { background:url(../img/slid.png) no-repeat -720px -200px, url(../img/arrow05.svg) no-repeat 50% 112px; background-color:#FFF;}*/

#contents_wrap { position:relative; width:960px; margin:0 auto; z-index:9999;}
.contents_wrap { display:none; width:900px; padding:50px 0 50px; background:#FFF; position:absolute; left:50%; margin:0 0 0 -450px; z-index:9999;box-shadow:2px 2px 3px 0px #aaaaaa;
-moz-box-shadow:2px 2px 3px 0px #aaaaaa;
-webkit-box-shadow:2px 2px 3px 0px #aaaaaa;}

.wrap_block { width:800px; margin:0 auto 20px; padding:0; box-sizing:border-box; text-align:left;}
.wrap_block:last-child { margin-bottom:0;}
.wrap_block h2.title { background:#666; color:#FFF; margin:0; padding:0; position:relative; line-height:100%; padding:12px 0 12px 12px;}
.wrap_block h2.title span { display:block; background:#FFF; width:5.5em; text-align:center; position:absolute; top:7px; right:10px; color:#000; font-size:70%; box-sizing:border-box; line-height:100%; padding:7px 0;}

.wrap_block2 { padding:20px; border:1px solid #ccc; border-top:none;}

.wrap_blockL { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;-webkit-justify-content: space-between; justify-content: space-between; width:400px; float:left;}
.wrap_blockR { width:305px; float:right;}

.wrap_block_product { text-align:center;}
.wrap_block_product_img { background:#F2F1F5; margin:0 auto; width:100px; height:100px; text-align:center; box-sizing:border-box; padding:5px 0;}
.wrap_block_product_img img { width:auto; height:auto; max-width:90px; max-height:90px;}
.wrap_block_product h2 { font-size:70%; margin-top:5px;}
.wrap_block_product h3 { font-size:70%;}

.wrap_blockR h2 { text-align:right; border-bottom:1px solid #ccc; font-size:130%; padding:15px 0 10px;}
.wrap_blockR h2 span { font-size:70%;}

.wrap_block_btnarea { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;-webkit-justify-content: space-between; justify-content: space-between; padding:30px 0 0 0;}
.wrap_block_btn { width:143px; display: block; font-size:95%; text-align:center; margin:0; padding-top:9px; height:40px; box-sizing:border-box; background:#30B496; color:#FFF;}
.wrap_block_btn span:after { content: url(../img/arrow01.svg); margin-left:10px;}


.slick-prev, .slick-next { top:43%;}
nav.sp { background:#30B496; padding:10px 0 0 0; box-sizing:border-box; height:90px;}
#slider2 {width:86%; margin:0 auto; position:relative; z-index:9999; background:#30B496; box-sizing:border-box;}
#slider2 a { color:#fff; width:100%; display:block; height:80px; box-sizing:border-box; font-size:80%; padding:55px 0 0 0;}
#slider2 .slider1 a { background:url(../img/slid001.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider2 a { background:url(../img/slid002.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider3 a { background:url(../img/slid003.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider4 a { background:url(../img/slid004.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider5 a { background:url(../img/slid005.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider6 a { background:url(../img/slid006.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider7 a { background:url(../img/slid007.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider8 a { background:url(../img/slid008.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider9 a { background:url(../img/slid009.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider10 a { background:url(../img/slid010.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider11 a { background:url(../img/slid011.png) no-repeat 50% -5px; background-size:90px 200px;}
#slider2 .slider12 a { background:url(../img/slid012.png) no-repeat 50% -5px; background-size:90px 200px;}

.slick-prev:before { width: 11px; height: 20px; background: url(../img/arrow02.svg); background-size: cover; vertical-align: middle;}
.slick-next:before { width: 11px; height: 20px; background: url(../img/arrow03.svg); background-size: cover; vertical-align: middle;}