@charset "utf-8";
@font-face {
    font-family: 'M+ 2p light';
    src: url('../fonts/mplus-2c-regular-sub.eot');
    src: url('../fonts/mplus-2c-regular-sub.eot?#iefix') format('embedded-opentype'), url('../fonts/mplus-2c-regular-sub.woff') format('woff'), url('../fonts/mplus-2c-regular-sub.ttf') format('truetype');
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    /*font-family: 'M+ 2p light','Lucida Grande',
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
    Meiryo, メイリオ, sans-serif;*/
    font-family: 'ヒラギノ角ゴ ProN W3',
    Meiryo, メイリオ, sans-serif;/*
    font-family: 'M+ 2p light';*/
    border: none;
}
.clear_fix, .clear {
    clear: both;
}
/* temporary */
#initial_window svg {
    display: none;
}

@keyframes logo_stroke_sp {
0% {
stroke-dashoffset: 3000;
fill: rgba(77,77,77,0);
}
80% {
stroke-dashoffset: 1500;
fill: rgba(77,77,77,0);
}
100% {
stroke-dashoffset: 0;
fill: rgba(77,77,77,1);
}
}
@-webkit-keyframes logo_stroke_sp {
0% {
stroke-dashoffset: 3000;
fill: rgba(77,77,77,0);
}
80% {
stroke-dashoffset: 1500;
fill: rgba(77,77,77,0);
}
100% {
stroke-dashoffset: 0;
fill: rgba(77,77,77,1);
}
}
@keyframes contact_to {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}
@-webkit-keyframes contact_to {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}

@keyframes contact_to_off {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@-webkit-keyframes contact_to_off {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@keyframes archives_to_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}
@-webkit-keyframes archives_to_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}

@keyframes archives_to {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@-webkit-keyframes archives_to {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@keyframes nav_open {
0% {
    width: 47px;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    }
100% {
    width: 100%;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
}
@-webkit-keyframes nav_open {
0% {
    width: 47px;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
}
100% {
    width: 100%;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
}

@keyframes nav_close {
0% {
    width: 100%;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
100% {

    width: 47px;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    }
}
@-webkit-keyframes nav_close {
0% {
    width: 100%;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
100% {
    width: 47px;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    }
}
@-webkit-keyframes scrolls {
from {
    padding-top: 20px;
}
to {
    padding-top: 30px;
}
}
@-webkit-keyframes
scrolls2 {from {
    padding-top: 20px;
}
to {
    padding-top: 30px;
}
}

@keyframes scroll_animate {
0% { padding-top: 20px;}
100% { padding-top: 30px;}
}
@-webkit-keyframes scroll_animate {
0% { padding-top: 20px;}
100% { padding-top: 30px;}
}
@keyframes scroll_animate2 {
0% { padding-top: 20px;}
100% { padding-top: 30px;}
}
@-webkit-keyframes scroll_animate2 {
0% { padding-top: 20px;}
100% { padding-top: 30px;}
}
@keyframes init_arrow_fade {
0% { filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;}
100% { filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
}
@-webkit-keyframes init_arrow_fade {
0% { filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;}
100% { filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
}

@keyframes init_text_fade {
0% { filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;}
100% { filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
}
@-webkit-keyframes init_text_fade {
0% { filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;}
100% { filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
}

@keyframes logo_stroke {
0% {
stroke-dashoffset: 3000;
fill: rgba(255,255,255,0);
}
80% {
stroke-dashoffset: 1500;
fill: rgba(255,255,255,0);
}
100% {
stroke-dashoffset: 0;
fill: rgba(255,255,255,1);
}
}
@-webkit-keyframes logo_stroke {
0% {
stroke-dashoffset: 3000;
fill: rgba(255,255,255,0);
}
80% {
stroke-dashoffset: 1500;
fill: rgba(255,255,255,0);
}
100% {
stroke-dashoffset: 0;
fill: rgba(255,255,255,1);
}
}
@keyframes init_image_fade {
0% { filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
100% { filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;}
}
@-webkit-keyframes init_image_fade {
0% { filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;}
100% { filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;}
}

@keyframes article_to_on {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    }
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
}
@-webkit-keyframes article_to_on {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    }
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
}
@-webkit-keyframes article_to_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}
@-webkit-keyframes article_to_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}


@keyframes nav_on {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@-webkit-keyframes nav_on {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@keyframes nav_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;

}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    }
}
@-webkit-keyframes nav_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;

}
100% {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    }
}
/* */
.saas {}

@keyframes nav_open_sp {
0% {
    width: 100%;
    height: 72px;
    background: rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(227,227,227,0.5);
    }
100% {
    width: 100%;
    height: 360px;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
}
@-webkit-keyframes nav_open_sp {
0% {
    width: 100%;
    height: 72px;
    background: rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(227,227,227,0.5);
}
100% {
    width: 100%;
    height: 360px;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
}

@keyframes nav_close_sp {
0% {
    width: 100%;
    height: 360px;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
100% {

    width: 100%;
    height: 72px;
    background: rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(227,227,227,0.5);
    }
}
@-webkit-keyframes nav_close_sp {
0% {
    width: 100%;
    height: 360px;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
}
100% {
    width: 100%;
    height: 72px;
    background: rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(227,227,227,0.5);
    }
}


/* */

@keyframes fb_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}
@-webkit-keyframes fb_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}

@keyframes fb {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@-webkit-keyframes fb {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}

@keyframes twitter_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}
@-webkit-keyframes twitter_off {
0% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}
100% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
}

@keyframes twitter {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}
@-webkit-keyframes twitter {
0% {
-moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
100% {
-moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    }
}

.access_map#gmap2 {
    display: none;
    position: relative;
    margin: 50px auto 0 auto;
    padding: 0;
    width: 100%;
    height: 341px;
    border: none;
    background: url('../img/gmap_cap.png');
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
    /*display: none;*/
}
.access_map#gmap2 > {
    position: absolute;
    height: 100%;
    text-align: center;
}

/*tablet*/
div.blog_contents > #blog_new_title.tablet {
    width: 100%;
    display: block;
    margin: 17% auto 0 auto;
    padding: 0;
    max-width: 100%;
    border: none;
}
div.blog_contents > #blog_new_title.tablet > a.article {

    position: relative;
    border: none;
    border-bottom: 2px solid #ffffff;
    /*height: 250px;*/
    height: 250px;
    width: 100%;
    text-decoration: none;
    display: block;
    overflow: hidden;
}
div.blog_contents > #blog_new_title.tablet > a.article > div.info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none;
    margin: none;
    padding: none;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;

    background: rgba(0,0,0,0.3);/* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 76%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(76%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.3)',GradientType=0 ); /* IE6-9 */


    transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    border: none;
}
div.blog_contents > #blog_new_title.tablet > a.article > div.info > p.title {
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    text-decoration: none;
    margin: 109px auto 0 auto;
    padding: 0;
    padding-left: 5%;
    font-size: 13px;
    text-align: left;
    color: #ffffff;
    border: none;
}
div.blog_contents > #blog_new_title.tablet > a.article > div.info > p.date {
    position: absolute;
    bottom: 4.5%;
    right: 0;
    margin: 22px auto 0 auto;
    padding: 0;
    padding-right: 5%;
    width: 100%;
    text-decoration: none;
    font-size: 11px;
    text-align: right;
    color: #ffffff;
    border: none;
}
div.blog_contents > #blog_new_title.tablet > a.article:hover > div.info {
    display: block;
    position: absolute;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none;
    /*background: rgba(0,0,0,0.3);*/
    transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
}
#wrapper > #initial_window > #scroll_to_next.tablet,
#wrapper > #initial_window > #scroll_to_next.tablet_wide {
    position: absolute;
    bottom: 25px;
    width: 100%; /*borderのせいではみ出てる*/
    height: 70px;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 20px;
}
#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image,
#wrapper > #initial_window > #scroll_to_next.tablet_wide > a#scroll_image {
    display: block;
    width: 60px;
    margin: 0 auto 0 auto;
    padding: 0;
    cursor: pointer;
}
#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image > img#arrow,
#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image > img#scroll_text {
    display: none;
}
#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image > img#scroll_text_sp {
    display: block;
    width: 100%;

    margin: 0 auto 0px auto;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;

}
#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image > img#arrow_sp {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;

    padding-top: 15px;
    width: 60%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image.on > img#arrow_sp {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#wrapper > #initial_window > #scroll_to_next.tablet > a#scroll_image.on > img#arrow_sp.init {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#wrapper > #initial_window > #scroll_to_next.tablet_wide > a#scroll_image > img#scroll_text_sp,
#wrapper > #initial_window > #scroll_to_next.tablet_wide > a#scroll_image > img#arrow_sp {
    display: none;
}
#wrapper > #initial_window > #scroll_to_next.tablet_wide > a#scroll_image > img#arrow{
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;

    padding-top: 10px;
    width: 60%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#wrapper > #initial_window > #scroll_to_next.tablet_wide > a#scroll_image > img#scroll_text {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

div.nav_menu.tablet {
    display: block;
    margin: 0 auto 0 auto;

}
div.nav_menu.tablet > a,
div.nav_menu.tablet > a.about,
div.nav_menu.tablet > a.contact {
    display: inline-block;
    /*float: left;*/
    width: 124px;
    height: 72px;
    text-align: center;
    padding-top: 6px;
    padding-right: 13px;
    padding-left: 14px;
    line-height: 65px;
    text-decoration: none;
    border: none;
}
div.nav_menu.tablet > a.about {
    border: none;
    /*padding-right: 30px;*/
    padding-left: 14px;
    margin-left: 40px;
}
div.nav_menu.tablet > a.contact {
    border: none;
    padding-left: 14px;
}
div.nav_menu.tablet > a > img,
div.nav_menu.tablet > a.about > img,
div.nav_menu.tablet > a.contact > img {

}
/* END tablet*/

@media screen and (min-width: 601px) {
br.tablet,
span.tablet {
    display: none;
}
br.sp {
    display: none;
}
br.hidden {
    display: inherit;
}
#loading {
    position: fixed;
    z-index: 999999999;
    top:0;
    right: 0;
    bottom:0;
    left:0;
    height: 100%;
    width:100%;
    background:rgba(200,100,0,0.9);
}
#backgrounds {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: -1000;
}
#backgrounds > #slider2 {
    display: none;
}
#backgrounds > #movie_wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: -998;
    background-image: url("/img/pat1.png");
    background: url("/img/pat1.png");
    background-repeat: repeat;
}
#backgrounds > #movie {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -999;
}
#backgrounds > #filter_images {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -990;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /*
    background-image: url("/img/pat1.png");
    background: #ffffff;
    background-repeat: repeat;*/
    background: none;
}
#backgrounds > #filter_images > #inits {
    height: 100%;
    width: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-animation: init_image_fade 1s linear 4s 1 alternate forwards;
    animation: init_image_fade 1s linear 4s 1 alternate forwards;
}

#backgrounds > #end_background {
    position: absolute;
    display: inherit;
    height: 100%;
    width: 100%;
    top: 0 !important;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -980;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -moz-transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    -webkit-transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    background: url('../img/end_background.png');
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}
#wrapper {
    min-height: 100%;
    height: 100%;/* must not be 'auto'*/
    width: 100%;
}
#wrapper > #initial_window {
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 15%;
    /*background: rgba(255,255,255,1);*/
}
#wrapper > #initial_window > div >svg {
    display: block;
    margin: 50px auto 0 auto;
    fill: #ffffff;
    width: 185px;
    height: 184px;
    stroke: #ffffff;
    stroke-width: 1px !important;
    stroke-dasharray: 3000;
    stroke-dashoffset: 100;
}
#wrapper > #initial_window > svg#sp {
    /*display: hidden !important;*/
    display: hidden;
}
#wrapper > #initial_window > svg#pc {
    display: block;
    margin: 0 auto 0 auto;
    width: 185px;
    fill: #ffffff;
    stroke: #ffffff;
    /*fill: rgba(255,255,255,1);*/
    stroke-width: 1px !important;
    stroke-dasharray: 3000;
    stroke-dashoffset: 0;
    -webkit-animation: logo_stroke 4s linear 0s alternate forwards;
    animation: logo_stroke 4s linear 0s alternate forwards;
}

#wrapper > #initial_window > #scroll_to_next {
    position: absolute;
    bottom: 20px;
    width: 100%; /*borderのせいではみ出てる*/
    height: 70px;
    margin: 0 auto 0 auto;
    padding: 0;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image {
    display: block;
    width: 100px;
    margin: 0 auto 0 auto;
    padding: 0;
    cursor: pointer;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#arrow_sp,
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#scroll_text_sp {
    display: none;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#scroll_text {
    display: block;
    margin: 0 auto 0 auto;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -moz-transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    -webkit-transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#arrow {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 20px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    /*
    -moz-transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    -webkit-transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;*/
    -webkit-animation: init_arrow_fade 1s linear 4s 1 alternate forwards;
    animation: init_arrow_fade 1s linear 4s 1 alternate forwards;
}

#wrapper > #initial_window > #scroll_to_next > a#scroll_image.on > img#arrow {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-animation: scroll_animate .7s ease-in-out 1s 4 alternate;
    animation: scroll_animate .7s ease-in-out 1s 4 alternate;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image.on > img#arrow.init {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-animation: scroll_animate2 .7s ease-in-out 0s 4 alternate;
    animation: scroll_animate2 .7s ease-in-out 0s 4 alternate;
}




#wrapper > #container {
    position: relative;
    display: block;
    min-height: 100%;
    height: auto;
    width: 100%;
    margin: 0 auto 0 auto;
    background: #ffffff;
}

/*Global navigation*
div#navTrigger {
    position: relative;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in, width .7s ease-in;
    -webkit-transition: opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in, width .7s ease-in;
    transition: opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in, width .7s ease-in;
    background: none;
    border: none;
}*/

/*added*/
div#navigation {
    position: absolute;
    display: block;
    height: 72px;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    left: 0;
    border: none;
}
div#navTrigger {
    position: absolute;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-animation: none;
    animation: none;
    /*-moz-transition: opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in, width .7s ease-in;
    -webkit-transition: opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in, width .7s ease-in;
    transition: opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in, width .7s ease-in;

    -webkit-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -ms-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -o-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -webkit-animation: nav_close .7s linear 0s 1;
    animation: nav_close .7s linear 0s 1;*/
}
div#navTrigger.off,
div#navTrigger.close.off {
    position: absolute;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -moz-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -ms-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -o-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -webkit-animation: nav_off .7s linear 0s 1;
    animation: nav_off .7s linear 0s 1;
}
div#navTrigger.on,
div#navTrigger.close.on {
    position: fixed;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -moz-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -ms-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -o-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -webkit-animation: nav_on .7s linear 0s 1;
    animation: nav_on .7s linear 0s 1;
}
div#navTrigger.close,
div#navTrigger.on.close {
    position: absolute;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -moz-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -ms-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -o-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -webkit-animation: nav_close .7s linear 0s 1;
    animation: nav_close .7s linear 0s 1;
}
div#navTrigger.open,
div#navTrigger.on.open {
    position: fixed;
    display: block;
    height: 72px;
    width: 100%;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
    -webkit-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -moz-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -ms-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -o-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out, opacity 0.7s ease-in, -moz-opacity 0.7s ease-in, filter 0.7s ease-in;
    -webkit-animation: nav_open .7s linear 0s 1;
    animation: nav_open .7s linear 0s 1;
}

/*END*/



div#navTrigger > img.hamburger {
    position: absolute;
    margin-top: 17px;
    margin-left: 24px;
    padding: 10px;
    cursor: pointer;
    border: none;
}
div#navTrigger > div.nav_menu {
    display: none;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 72px;
    width: 598px;/*width: 578px;*/
    padding-right: 20px;
    border: none;
}
div.nav_menu > a, div.nav_menu > a.about, div.nav_menu > a.contact {
    display: inline-block;
    float: left;
    width: 144px;
    height: 72px;
    text-align: center;
    padding-top: 6px;
    padding-right: 33px;
    line-height: 65px;
    text-decoration: none;
    border: none;
}
div.nav_menu > a.about {
    border: none;
    padding-right: 50px;
}
div.nav_menu > a.contact {
    border: none;
    padding-left: 8px;
}
div.nav_menu > a > img, div.nav_menu > a.about > img, div.nav_menu > a.contact > img {
    display: inline-block;
    border: none;
    padding-bottom: 4px;
}
div.nav_menu > a:hover, div.nav_menu > a.about:hover, div.nav_menu > a.contact:hover {
    padding-top: 7px;
}
div.nav_menu > a:hover > img, div.nav_menu > a.about:hover > img, div.nav_menu > a.contact:hover > img {
    padding-bottom: 4px;
    border-bottom: 1px solid #6f6f6f;
}
div#navTrigger > div.social {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 72px;
    width: 82px;
    border: none;
}
div.social > a.fb,
div.social > a.twitter {
    /*position: relative;*/
    display: inline-block;
    margin-top: 25px;
    height: 22px;
    width: 22px;
    border: none;
}
div.social > a.fb {
    margin-right: 4px;
    background: url('../img/social_fb.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;

}
div.social > a.fb:hover {
    background: url('../img/social_fb_on.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}/*
div.social > a.fb > img.on,
div.social > a.fb > img.off {
    position: absolute;
    height: 22px;
    width: 22px;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;

}
div.social > a.fb > img.off {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -webkit-animation: fb .3s linear 0s 1;
    animation: fb .3s linear 0s 1;
}
 div.social > a.fb:hover > img.off {
     -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
     -webkit-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -moz-opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
    -webkit-animation: fb_off .3s linear 0s 1;
    animation: fb_off .3s linear 0s 1;
 }*/
div.social > a.twitter {
    background: url('../img/social_twitter.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}
div.social > a.twitter:hover {
    background: url('../img/social_twitter_on.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}

/*END:Global navigation*/

div.main_contents {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 100px;
    height: 100%;
    margin-top: 0px;
    padding-top: 0px;
    height: auto;
    background: #ffffff;
}
#subBg {
    display: block !important;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    border: none;
    z-index: -1;
    border: none;
}
#subBg > div {
    display: block;
    width: 700px;
    height: auto;
    margin: 0 auto 0 auto;
    border: none;
    z-index: -1;
    border: none;
}
svg#fine {
    stroke: rgba(77,77,77,1);
    fill: none;
    stroke-width: 1;
    stroke-dashoffset: 0;
    z-index: -1;
    -moz-transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
    -webkit-transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
    transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
}
svg#fine_sp {
    display: none;
}
#fineSVGpath0, #fineSVGpath1, #fineSVGpath2, #fineSVGpath3, #fineSVGpath4, #fineSVGpath5, #fineSVGpath6, #fineSVGpath7, #fineSVGpath8, #fineSVGpath9, #fineSVGpath10, #fineSVGpath11, #fineSVGpath12, #fineSVGpath13, #fineSVGpath14, #fineSVGpath15, #fineSVGpath16 {
    -moz-transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
    -webkit-transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
    transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
}
div.text_contents {
    width: 606px;
    height: auto;
    margin: 0px auto 0 auto;
    padding: 0 0 0 0;
    padding-top: 163px;
    z-index: 1000;
    border: none;
    background: #ffffff;
    border: none;
}
div.text_contents > p.message {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 606px;
    padding-left: 95px;
    color: #4d4d4d;
    text-align: left;
    z-index: 100;
    font-size: 15px;
    line-height: 2.3em;
    border: none;
}
div.text_contents > p.message > br.sp {
    display: none;
}
div.text_contents > p.message > br.hidden {
    display: inherit;
}
div.blog_contents {
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    margin-top: 220px;
    min-height: 300px;
    padding: 0;
    padding-top: 128px;
    border: none;
}
div.blog_contents > img.blog_title {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
}
div.blog_contents > img.blog_title_sp {
    display: none;
}
div.blog_contents > #blog_new_title {
    width: 100%;
    display: block;
    margin: 157px auto 0 auto;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    border: none;
}
div.blog_contents > #blog_new_title > a.article {

    position: relative;
    text-decoration: none;
    border: none;
    border-bottom: 2px solid #ffffff;
    height: 250px;
    width: 100%;
    display: block;
    overflow: hidden;
}
div.blog_contents > #blog_new_title > a.article > div.info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none;
    margin: none;
    padding: none;
    overflow: hidden;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;

    background: rgba(0,0,0,0.3);
    transition: opacity .3s ease-in, -moz-opacity .3s ease-in,filter .3s ease-in;
    -moz-transition: opacity .3s ease-in -moz-opacity .3s ease-in,filter .3s ease-in;
    -webkit-transition: opacity .3s ease-in -moz-opacity .3s ease-in,filter .3s ease-in;
    -webkit-animation: article_to_off .3s linear 0s 1;
    animation: article_to_off .3s linear 0s 1;
    border: none;
}
div.blog_contents > #blog_new_title > a.article > div.info > p.title {
    display: block;
    width: 100%;
    margin: 109px auto 0 auto;
    padding: none;
    font-size: 15px;
    text-decoration: none;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    border: none;
}
div.blog_contents > #blog_new_title > a.article > div.info > p.date {
    display: block;
    margin: 22px auto 0 auto;
    padding: none;
    width: 100%;
    text-decoration: none;
    font-size: 10px;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    border: none;
}
div.blog_contents > #blog_new_title > a.article:hover > div.info {
    display: block;
    position: absolute;
    text-decoration: none;
    overflow: hidden;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none;
    transition: opacity .3s ease-in, -moz-opacity .3s ease-in,filter .3s ease-in;
    -moz-transition: opacity .3s ease-in -moz-opacity .3s ease-in,filter .3s ease-in;
    -webkit-transition: opacity .3s ease-in -moz-opacity .3s ease-in,filter .3s ease-in;
    -webkit-animation: article_to_on .3s linear 0s 1;
    animation: article_to_on .3s linear 0s 1;
}
div.blog_contents > #blog_new_title > a.article > img.icatch {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* margin-top: -20%;
    min-height: 291px; */
}
div.blog_contents > #blog_new_title > div.archives {
    display: block;
    margin: 70px auto 0 auto;
    padding: none;
    width: 100%;
}
div.blog_contents > #blog_new_title > div.archives > a:link {
    display: block;
    margin: 0 auto 0 auto;
    padding: none;
    height: 76px;
    width: 600px;
    text-decoration: none;
    background: url(../img/archives_btn.svg);
    background-repeat: no-repeat;
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}
div.blog_contents > #blog_new_title > div.archives > a:hover {
    display: block;
    margin: 0 auto 0 auto;
    padding: none;
    height: 76px;
    width: 600px;
    text-decoration: none;
    background: url(../img/archives_btn_on2.svg);
    background-repeat: no-repeat;
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}

div.blog_contents > #blog_new_title > div.archives > a.blog_archives {
    display: block;
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 76px;
    width: 600px;
    background: none;
}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.on,
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.off {
    display: inherit;
}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.archives_sp {
    display: none;
}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.on {
    position: absolute;
    height: 76px;
    width: 600px;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;

}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.off {
    position: absolute;
    height: 76px;
    width: 600px;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-mtransition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: archives_to .4s linear 0s 1;
    animation: archives_to .4s linear 0s 1;
}

div.blog_contents > #blog_new_title > div.archives > a.blog_archives:hover > img.off {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: archives_to_off .4s linear 0s 1;
    animation: archives_to_off .4s linear 0s 1;
}

div.shop_contents {
    width: 606px;
    height: auto;
    margin: 0 auto 0 auto;
    margin-top:220px;
    padding: 0;
    padding-top: 128px;
    border: none;
}
div.shop_contents > img.shop_title {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
}
div.shop_contents > img.shop_title_sp {
    display: none;
}
div.shop_contents > div.shop_gallery {
    position: relative;
    margin: 111px auto 0 auto;
    padding: 0;
    width: 100%;
    height: 341px;
    border: none;
}
div.shop_contents > div.shop_gallery > ul#slider1Content {
    position: absolute;
    width: 100%;
    height: 341px;
    background: none;
}
#slider1Content > li > img {
    height: 341px !important;
}
div.shop_contents > div.lineup_title {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 98px;
    border: none;
}
div.shop_contents > div.lineup_title > img {
    margin: 0;
    padding: 0;
}
div.shop_contents > div.lineup_info {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 31px;
    border: none;
}
div.shop_contents > div.lineup_info > p.japanese {
    float: left;
    width: 300px;

    color: #4d4d4d;
    line-height: 30px;
    font-size: 14px;
}
div.shop_contents > div.lineup_info > p.english {
    float: right;
    padding: 0;
    width: 241px;
    color: #4d4d4d;
    line-height: 30px;
    font-size: 14px;
}
div.shop_contents > div.lineup_info > p.english > span.break {
    display: none;
}
div.shop_contents > div.lineup_info2 {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 62px;
    border: 1px solid red;
    border: none;
}
div.shop_contents > div.lineup_info2 > p {
    color: #4d4d4d;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
}
div.shop_contents > div.lineup_info2 > p > br.sp_hidden {
    display: inherit;
}
div.shop_contents > div.lineup_info2 > p > span.break {
    display: none;
}
div.shop_contents > div.access_title {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 180px;
    border: 1px solid red;
    border: none;
}
div.shop_contents > div.access_title > img {
    margin: 0;
    padding: 0;
}
div.shop_contents > div.access_info {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 33px;
    border: 1px solid red;
    border: none;
}
div.shop_contents > div.access_info > p.japanese {
    float: left;
    width: 300px;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 2.1em;

}
div.shop_contents > div.access_info > p.japanese > a,
div.shop_contents > div.access_info > p.english > a {
    display: inline;
    text-decoration: none;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 2.1em;
}
div.shop_contents > div.access_info > p.japanese > a:hover,
div.shop_contents > div.access_info > p.english > a:hover {
    text-decoration: underline;
}
div.shop_contents > div.access_info > p.english {
    float: right;
    width: 241px;
    margin: 0;
    padding: 0;
    padding-top: 13px;
    color: #4d4d4d;
    font-size: 14px;
    letter-spacing: -0.5px;
    line-height: 2.1em;
    white-space: nowrap;
}
div.access_map {
    position: relative;
    margin: 50px auto 0 auto;
    padding: 0;
    width: 100%;
    height: 341px;
    border: none;
}
div.contact {
    width: 600px;
    margin: 0 auto 0 auto;
    background: #ffffff;
}/*
div.contact > a {
    display: block;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    padding: 0;
    margin-top: 166px;
    background: url(../img/contact_btn.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -moz-transition: background 0.6s ease-in;
    -webkit-transition: background 0.6s ease-in;
    transition: background 0.6s ease-in;
}
div.contact > a:hover {
    display: block;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    margin-top: 166px;
    padding: 0;

    background: url(../img/contact_btn_on2.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -moz-transition: background 0.6s ease-in;
    -webkit-transition: background 0.6s ease-in;
    transition: background 0.6s ease-in;
}*/
div.contact > a {
    display: block;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    padding: 0;
    margin-top: 166px;
    background-image: url(../img/contact_btn.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.6s ease-in-out;
-moz-transition: background-image 0.6s ease-in-out;
-ms-transition: background-image 0.6s ease-in-out;
-o-transition: background-image 0.6s ease-in-out;
transition: background-image 0.6s ease-in-out;
}
div.contact > a:hover {
    display: block;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    margin-top: 166px;
    padding: 0;

    background-image: url(../img/contact_btn_on2.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.6s ease-in-out;
-moz-transition: background-image 0.6s ease-in-out;
-ms-transition: background-image 0.6s ease-in-out;
-o-transition: background-image 0.6s ease-in-out;
transition: background-image 0.6s ease-in-out;
}
div.contact > a.contact_to {
    display: block;
    position: relative;
    background: none;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    padding: 0;
    margin-top: 166px;


}
div.contact > a.contact_to > img.on,
div.contact > a.contact_to > img.off{
    display: inherit;
}
div.contact > a.contact_to > img.off {
    position: absolute;
    width: 599px;
    height: 75px;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: contact_to_off .4s linear 0s 1;
    animation: contact_to_off .4s linear 0s 1;
}
div.contact > a.contact_to > img.on {
    position: absolute;
    width: 599px;
    height: 75px;

    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;

}
div.contact > a.contact_to:hover > img.off {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: contact_to .4s linear 0s 1;
    animation: contact_to .4s linear 0s 1;
}
div.contact > a.contact_to > img.contact_sp {
    display: none;
}

div.contact > p.copyright_statement {
    display: block;
    font-size: 9px;
    color: #4d4d4d;
    margin: 0px auto 0px auto;
    padding: 98px 0 60px 0;
    text-align: center;
}
div.contact > p.copyright_statement_sp {
    display: none;
}

div.contact > p.copyright_statement > br.sp {
    display: hidden;
}
div.contact > p.copyright_statement > br.hidden {
    display: inherit;
}
div.contact > p.copyright_statement > span.copyright {
    display: inline-block;
    padding-left: 30px;
}
div.contact > p.copyright_statement > span.p_m {
    display: inline-block;
    padding-left: 8px;
}
div.contact > p.copyright_statement > span.design {
    display: inline-block;
    padding-left: 8px;
}
div.contact > p.copyright_statement > a, div.contact > p.copyright_statement > span.p_m > a, div.contact > p.copyright_statement > span.design > a {
    font-size: 10px;
    text-decoration: none;
    color: #4d4d4d;
}
div.contact > p.copyright_statement > a:hover, div.contact > p.copyright_statement > span.p_m > a:hover, div.contact > p.copyright_statement > span.design > a:hover {
    text-decoration: underline;
}





}






























@media screen and (max-width: 600px) {
br.tablet,
span.tablet {
    display: none;
}
br.sp {
    display: inherit;
}
br.hidden {
    display: none;
}
#backgrounds {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: -1000;
}
#backgrounds > #slider2{
    display: inherit;
    position: absolute;
    height: auto;
    margin: 0;
    top: 0;
    right: 0;
    left: 0;

}
#backgrounds > #slider2 > ul {

}
#backgrounds > #slider2 > ul > li > img {
   width: 110%;
   height: auto;
}
#backgrounds > #movie_wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -998;
    /*
    background-image: url("/img/pat1.png");
    background: url("/img/pat1.png");*/
    background: none;
    background-image: none;
    background-repeat: repeat;
}
#backgrounds > #movie {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -999;
}
#backgrounds > #filter_images {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -990;

    background-image: none;
    background: none;
    background-repeat: repeat;
}
#backgrounds > #filter_images > #inits {
    height: 100%;
    width: 100%;
    margin: 0;
    display: none;
    /*
    -webkit-animation: init_image_fade 1s linear 4s 1 alternate forwards;
    animation: init_image_fade 1s linear 4s 1 alternate forwards;*/
}

#backgrounds > #end_background {
    position: absolute;
    display: none !important;
    height: 50%;
    width: 100%;
    z-index: -980;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    opacity: 0 !important;
    -moz-transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    -webkit-transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    background: url('../img/end_background.png');
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}
#wrapper {
    min-height: 100%;
    height: 100%;/* must not be 'auto'*/
    width: 100%;
}
#wrapper > #initial_window {
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 15%;
}

#wrapper > #initial_window > #scroll_to_next {
    position: absolute;
    bottom: 0px;
    width: 100%; /*borderのせいではみ出てる*/
    height: 70px;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 20px;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image {
    display: block;
    width: 50px;
    margin: 0 auto 0 auto;
    padding: 0;
    cursor: pointer;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#arrow,
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#scroll_text {
    display: none;
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#scroll_text_sp {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    /*
    -moz-transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    -webkit-transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    transition: opacity 1s ease-in, -moz-opacity 1s ease-in, filter 1s ease-in;
    -webkit-animation: init_text_fade 1s linear 4s 1 alternate forwards;
    animation: init_text_fade 1s linear 4s 1 alternate forwards;*/
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image > img#arrow_sp {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;

    padding-top: 10px;
    width: 60%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    /*
    -moz-transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    -webkit-transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    transition: opacity 0.5 ease-in, -moz-opacity 0.5 ease-in, filter 0.5 ease-in;
    -webkit-animation: init_arrow_fade 1s linear 4s 1 alternate forwards;
    animation: init_arrow_fade 1s linear 4s 1 alternate forwards;*/
}

#wrapper > #initial_window > #scroll_to_next > a#scroll_image.on > img#arrow_sp {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;/*
    -webkit-animation: scroll_animate .7s ease-in-out 1s 4 alternate;
    animation: scroll_animate .7s ease-in-out 1s 4 alternate;*/
}
#wrapper > #initial_window > #scroll_to_next > a#scroll_image.on > img#arrow_sp.init {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;/*
    -webkit-animation: scroll_animate2 .7s ease-in-out 0s 4 alternate;
    animation: scroll_animate2 .7s ease-in-out 0s 4 alternate;*/
}




#wrapper > #container {
    position: relative;
    display: block;
    min-height: 100%;
    height: auto;
    width: 100%;
    margin: 0 auto 0 auto;
    background: #ffffff;
}
#wrapper > #initial_window > div >svg {
    display: block;
    margin: 50px auto 0 auto;
    fill: rgba(77,77,77,1);
    width: 185px;
    height: 184px;
    stroke: rgba(77,77,77,1);
    stroke-width: 1px !important;
    stroke-dasharray: 3000;
    stroke-dashoffset: 100;
}

#wrapper > #initial_window > svg#pc {
    /*display: hidden !important;*/
    display: hidden;
}
#wrapper > #initial_window > svg#sp {
    display: block;
    margin: 18% auto 0 auto;
    width: 40%;
    stroke: rgba(77,77,77,1);
    fill: rgba(77,77,77,1);
    stroke-width: 1px !important;
    stroke-dasharray: 3000;
    stroke-dashoffset: 0;
}

div.main_contents {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 100px;
    height: 100%;
    margin-top: 0px;
    padding-top: 0px;
    height: auto;
    background: #ffffff;
    border: none;
}
#subBg {
    display: block;
    position: static !important;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    border: none;
    z-index: 1 !important;
    border: none;
}
#subBg > div {
    display: block;
    position: static !important;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    border: none;
    z-index: 1 !important;
    border: none;
}
svg#fine {
    /*display: block;
    width: 94%;
    margin: 0 auto 0 auto;
    stroke: rgba(77,77,77,1);
    fill: none;
    stroke-width: 1;
    stroke-dashoffset: 0;
    z-index: -1;
    -moz-transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
    -webkit-transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;
    transition: fill 0.5s ease-in, stroke-dashoffset .2s ease-in;*/
   display: none;
}

svg#fine_sp {
    display: block;
    width: 94%;
    height: auto;
    margin: 0 auto 0 auto;
    stroke: rgba(77,77,77,1);
    fill: rgba(77,77,77,1);
    stroke-width: 1;
    stroke-dashoffset: 0;
    z-index: 1 !important;
    border: none;
}
div#navigation {
    position: absolute;
    display: block;
    height: 72px;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    left: 0;
    border: none;
}
div#navTrigger {
    position: absolute;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);/*
    -webkit-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -ms-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -o-transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    transition: width 0.7s ease-in-out, background 0.7s ease-in-out, border-bottom 0.7s ease-in-out;
    -webkit-animation: nav_close .7s linear 0s 1;
    animation: nav_close .7s linear 0s 1;*/
}
div#navTrigger.off,
div#navTrigger.close.off {
    position: absolute;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -moz-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -ms-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -o-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -webkit-animation: nav_off .4s linear 0s 1;
    animation: nav_off .4s linear 0s 1;
}
div#navTrigger.on,
div#navTrigger.close.on {
    position: fixed;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -moz-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -ms-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -o-transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    transition: width 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out, opacity 0.4s ease-in, -moz-opacity 0.4s ease-in, filter 0.4s ease-in;
    -webkit-animation: nav_on .4s linear 0s 1;
    animation: nav_on .4s linear 0s 1;
}
div#navTrigger.close,
div#navTrigger.on.close {
    position: absolute;
    display: block;
    height: 72px;
    width: 72px;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: rgba(255,255,255,0);
    border-bottom: 1px solid rgba(227,227,227,0);
    -webkit-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -ms-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -o-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -webkit-animation: nav_close_sp .4s linear 0s 1;
    animation: nav_close_sp .4s linear 0s 1;
}
div#navTrigger.open,
div#navTrigger.on.open {
    position: fixed;
    display: block;
    height: 72px;
    width: 100%;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(227,227,227,1);
    -webkit-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -moz-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -ms-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -o-transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    transition: height 0.4s ease-in-out, background 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
    -webkit-animation: nav_open_sp .4s linear 0s 1;
    animation: nav_open_sp .4s linear 0s 1;
}

/*END*/



div#navTrigger > img.hamburger {
    position: absolute;
    margin-top: 17px;
    margin-left: 10px;
    padding: 10px;
    cursor: pointer;
    border: none;
}
div#navTrigger > div.nav_menu {
    display: none;
    margin: 72px auto 0 auto;
    padding: 0;
    height: auto;
    width: 100%;/*width: 578px;*/
    padding-right: 0;
    border: none;
}

div.nav_menu > a, div.nav_menu > a.about, div.nav_menu > a.contact {
    display: block;
    /*float: left;*/
    width: 100%;
    height: 72px;
    text-align: center;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    line-height: 65px;
    text-decoration: none;
    background: #ffffff;
    border: none;
}

div.nav_menu > a.about {
    border: none;
    padding-right: 0px;
    padding-left: 0px;
}
div.nav_menu > a.contact {
    border: none;
    padding-right: 0px;
    padding-left: 0px;
}
div.nav_menu > a > img, div.nav_menu > a.about > img, div.nav_menu > a.contact > img {
    display: block;
    margin: 0 auto 0 auto;
    border: none;
    padding-bottom: 4px;
}
div.nav_menu > a,
div.nav_menu > a.about,
div.nav_menu > a.contact {
    border-bottom: 1px solid rgba(227,227,227,1);
}
div.nav_menu > a:hover, div.nav_menu > a.about:hover, div.nav_menu > a.contact:hover {
    /*padding-top: 7px;*/
}
div.nav_menu > a:hover > img, div.nav_menu > a.about:hover > img, div.nav_menu > a.contact:hover > img {
    /*padding-bottom: 4px;
    border-bottom: 1px solid #6f6f6f;*/
}
div#navTrigger > div.social {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 72px;
    width: 82px;
    border: none;
}
div.social > a.fb, div.social > a.twitter {
    display: inline-block;
    margin-top: 25px;
    height: 22px;
    width: 22px;
    border: none;
}
div.social > a.fb {
    margin-right: 8px;
    background: url('../img/social_fb.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}
div.social > a.fb:hover {
    background: url('../img/social_fb_on.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}
div.social > a.twitter {
    background: url('../img/social_twitter.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}
div.social > a.twitter:hover {
    background: url('../img/social_twitter_on.svg');
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}


div.text_contents {
    width: 100%;
    height: auto;
    margin: 100px auto 0 auto;
    padding: 0 0 0 0;
    padding-top: 50px;
    z-index: 1000;
    border: none;
    background: #ffffff;
    border: none;
}
div.text_contents > p.message {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    z-index: 100;
    font-size: 13px;
    line-height: 1.7em;
    border: none;
}
div.text_contents > p.message > br.sp {
    display: inherit;
}
div.text_contents > p.message > br.hidden {
    display: none;
}


div.blog_contents {
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    margin-top: 90px;
    min-height: 300px;
    padding: 0;
    padding-top: 20%;
    border: none;
}
div.blog_contents > img.blog_title {
    display: none;
}
div.blog_contents > img.blog_title_sp {
    display: block;
    width: 63%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-right: 3%;
}
div.blog_contents > #blog_new_title {
    width: 100%;
    display: block;
    margin: 17% auto 0 auto;
    padding: 0;
    max-width: 100%;
    border: none;
}
div.blog_contents > #blog_new_title > a.article {

    position: relative;
    border: none;
    border-bottom: 2px solid #ffffff;
    /*height: 250px;*/
    height: 180px;
    width: 100%;
    text-decoration: none;
    display: block;
    overflow: hidden;
}
div.blog_contents > #blog_new_title > a.article > div.info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none;
    margin: none;
    padding: none;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;

    background: rgba(0,0,0,0.3);/* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 76%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(76%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 76%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.3)',GradientType=0 ); /* IE6-9 */







    transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    border: none;
}
div.blog_contents > #blog_new_title > a.article > div.info > p.title {
    position: absolute;
    bottom: 4%;
    left: 0;
    width: 100%;
    text-decoration: none;
    margin: 109px auto 0 auto;
    padding: 0;
    padding-left: 5%;
    font-size: 13px;
    text-align: left;
    color: #ffffff;
    border: none;
}
div.blog_contents > #blog_new_title > a.article > div.info > p.date {
    position: absolute;
    bottom: 4.5%;
    right: 0;
    margin: 22px auto 0 auto;
    padding: 0;
    padding-right: 5%;
    width: 100%;
    text-decoration: none;
    font-size: 9px;
    text-align: right;
    color: #ffffff;
    border: none;
}
div.blog_contents > #blog_new_title > a.article:hover > div.info {
    display: block;
    position: absolute;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none;
    /*background: rgba(0,0,0,0.3);*/
    transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
    -webkit-transition: opacity .3s ease-in, filter .3s ease-in, -moz-opacity .3s ease-in;
}
div.blog_contents > #blog_new_title > a.article > img.icatch {
    /* min-height: 100%;
    min-width: 100%;
    height: auto; */
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}
div.blog_contents > #blog_new_title > div.archives {
    display: block;
    margin: 40px auto 0 auto;
    padding: none;
    width: 100%;
}
div.blog_contents > #blog_new_title > div.archives > a:link {
    display: block;
    margin: 0 auto 0 auto;
    padding: none;
    height: 76px;
    width: 90%;
    background: url(../img/archives_btn.svg);
    background-repeat: no-repeat;
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}
div.blog_contents > #blog_new_title > div.archives > a:hover {
    display: block;
    margin: 0 auto 0 auto;
    padding: none;
    height: 76px;
    width: 90%;
    background: url(../img/archives_btn_on2.svg);
    background-repeat: no-repeat;
    -moz-transition: background 0.3s ease-in;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}

div.blog_contents > #blog_new_title > div.archives > a.blog_archives {
    display: block;
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0;
    height: 76px;
    width: 90%;
    background: none;
}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.on {
    position: absolute;
    height: 76px;
    width: 100%;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;

}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.off {
    position: absolute;
    height: 76px;
    width: 100%;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-mtransition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: archives_to .4s linear 0s 1;
    animation: archives_to .4s linear 0s 1;
}

div.blog_contents > #blog_new_title > div.archives > a.blog_archives:hover > img.off {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: archives_to_off .4s linear 0s 1;
    animation: archives_to_off .4s linear 0s 1;
}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.on,
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.off {
    display: none;
}
div.blog_contents > #blog_new_title > div.archives > a.blog_archives > img.archives_sp {
    display: inherit;
    position: absolute;
    width: 100%;
}



div.shop_contents {
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    margin-top: 90px;
    padding: 0;
    padding-top: 20%;
    border: none;
}
div.shop_contents > img.shop_title {
    display: none;
}

div.shop_contents > img.shop_title_sp {
    display: block;
    width: 63%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-right: 3%;
}
div.shop_contents > div.shop_gallery {
    position: relative;
    margin: 17% auto 4% auto;
    padding: 0;
    width: 100%;
    height: auto;
    border: none;
}
div.shop_contents > div.shop_gallery > ul#slider1Content {
    position: absolute;
    width: 100%;
    height: auto;
    background: none;
}

#slider1Content > li > img {

    height: 210px !important;
    width: 90%;
    margin: 0 auto 0 auto;

    border: none;
}
div.shop_contents > div.lineup_title {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 67%;
    border: none;
}
div.shop_contents > div.lineup_title > img {
    display: block;
    margin: 60px auto 0 auto;
    padding: 0;
}
div.shop_contents > div.lineup_info {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: center;
    padding-top: 31px;
    border: none;
}
div.shop_contents > div.lineup_info > p.japanese {

    width: 100%;
    text-align: center;
    color: #4d4d4d;
    line-height: 22px;
    font-size: 13px;
}
div.shop_contents > div.lineup_info > p.english {
    padding-top: 28px;
    width: 100%;
    text-align: center;
    color: #4d4d4d;
    line-height: 22px;
    font-size: 13px;
}
div.shop_contents > div.lineup_info > p.english > span.break {
    display: block;
    height: 0.99em;
    margin-top: 0;
}
div.shop_contents > div.lineup_info2 {
    width: 100%;
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 42px;
    border: 1px solid red;
    border: none;
}
div.shop_contents > div.lineup_info2 > p {
    color: #4d4d4d;
    line-height: 20px;
    font-size: 13px;
    white-space: nowrap;
}
div.shop_contents > div.lineup_info2 > p > span.break {
    display: block;
    height: 15px;
}
div.shop_contents > div.lineup_info2 > p > br.sp_hidden {
    display: none;
}
div.shop_contents > div.access_title {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 100px;
    border: 1px solid red;
    border: none;
}
div.shop_contents > div.access_title > img {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
}
div.shop_contents > div.access_info {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    padding-top: 33px;
    border: 1px solid red;
    border: none;
}
div.shop_contents > div.access_info > p.japanese {
    display: block;
    width: 100%;
    text-align: center;
    color: #4d4d4d;
    font-size: 13px;
    line-height: 1.8em;
}
div.shop_contents > div.access_info > p.japanese > a, div.shop_contents > div.access_info > p.english > a {
    display: inline;
    text-decoration: none;
    color: #4d4d4d;
    font-size: 13px;
    line-height: 1.8em;
}
div.shop_contents > div.access_info > p.japanese > a:hover, div.shop_contents > div.access_info > p.english > a:hover {
    text-decoration: underline;
}
div.shop_contents > div.access_info > p.english {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #4d4d4d;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 1.8em;
    white-space: nowrap;
}
div.access_map {
    position: relative;
    margin: 30px auto 0 auto;
    padding: 0;
    width: 90%;
    height: 251px;
    border: none;
}
div.contact {
    width: 100%;
    margin: 0 auto 0 auto;
    background: #ffffff;
}
div.contact > a {
    display: block;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    padding: 0;
    margin-top: 96px;
    background-image: url(../img/contact_btn.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.6s ease-in-out;
-moz-transition: background-image 0.6s ease-in-out;
-ms-transition: background-image 0.6s ease-in-out;
-o-transition: background-image 0.6s ease-in-out;
transition: background-image 0.6s ease-in-out;
}
div.contact > a:hover {
    display: block;
    width: 599px;
    height: 75px;
    margin: 0 auto 0 auto;
    margin-top: 96px;
    padding: 0;

    background-image: url(../img/contact_btn_on2.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    -webkit-transition: background-image 0.6s ease-in-out;
-moz-transition: background-image 0.6s ease-in-out;
-ms-transition: background-image 0.6s ease-in-out;
-o-transition: background-image 0.6s ease-in-out;
transition: background-image 0.6s ease-in-out;
}
div.contact > a.contact_to {
    display: block;
    position: relative;
    background: none;
    width: 90%;
    height: 75px;
    margin: 0 auto 0 auto;
    padding: 0;
    margin-top: 80px;


}
/*
div.contact > a.contact_to > img.off {
    position: absolute;
    width: 100%;
    height: 75px;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: contact_to_off .4s linear 0s 1;
    animation: contact_to_off .4s linear 0s 1;
}
div.contact > a.contact_to > img.on {
    position: absolute;
    width: 100%;
    height: 75px;

    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out, -moz-opacity 0.6s ease-in-out, filter 0.6s ease-in-out;

}
div.contact > a.contact_to:hover > img.off {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -moz-opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    -webkit-animation: contact_to .4s linear 0s 1;
    animation: contact_to .4s linear 0s 1;
}*/
div.contact > a.contact_to > img.on,
div.contact > a.contact_to > img.off {
    display: none;
}
div.contact > a.contact_to > img.contact_sp {
    display: inherit;
    position: absolute;
    width: 100%;
}
div.contact > p.copyright_statement {
    display: none;
}
div.contact > p.copyright_statement_sp {
    display: block;
    font-size: 9px;
    margin: 0px auto 0px auto;
    padding: 75px 0 60px 0;
    text-align: center;
}

div.contact > p.copyright_statement > br.sp {
    display: inherit;
}
div.contact > p.copyright_statement > br.hidden {
    display: none;
}
div.contact > p.copyright_statement > span.copyright,
div.contact > p.copyright_statement_sp > span.copyright {
    display: block;
    padding-top: 55px;
    padding-left: 0px;
}
div.contact > p.copyright_statement > span.p_m,
div.contact > p.copyright_statement_sp > span.p_m {
    display: inline-block;
    padding-left: 8px;
}
div.contact > p.copyright_statement > span.design,
div.contact > p.copyright_statement_sp > span.design {
    display: inline-block;
    padding-left: 8px;
}
div.contact > p.copyright_statement > a,
div.contact > p.copyright_statement > span.p_m > a,
div.contact > p.copyright_statement > span.design > a,
div.contact > p.copyright_statement_sp > a,
div.contact > p.copyright_statement_sp > span.p_m > a,
div.contact > p.copyright_statement_sp > span.design > a {
    font-size: 10px;
    text-decoration: none;
    color: #000000;
}
div.contact > p.copyright_statement > a:hover,
div.contact > p.copyright_statement > span.p_m > a:hover,
div.contact > p.copyright_statement > span.design > a:hover,
div.contact > p.copyright_statement_sp > a:hover,
div.contact > p.copyright_statement_sp > span.p_m > a:hover,
div.contact > p.copyright_statement_sp > span.design > a:hover {
    text-decoration: underline;
}





}