@charset "UTF-8";
/*color*/
/*font*/
/*size*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/*============================
装飾
============================*/
/*color*/
/*font*/
/*size*/
/*anim*/
/*util*/
/*
@include animation(rotate 10s linear infinite);
*/
@-webkit-keyframes scroll_top {
  /* line 32, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    transform: translate(0, -120%);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-moz-keyframes scroll_top {
  /* line 32, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    transform: translate(0, -120%);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@keyframes scroll_top {
  /* line 32, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    transform: translate(0, -120%);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-webkit-keyframes scroll_btm {
  /* line 41, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 44, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 200%);
    -moz-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
}

@-moz-keyframes scroll_btm {
  /* line 41, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 44, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 200%);
    -moz-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
}

@keyframes scroll_btm {
  /* line 41, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 44, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 200%);
    -moz-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
}

@-webkit-keyframes btn_anim_in {
  /* line 49, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 53, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-moz-keyframes btn_anim_in {
  /* line 49, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 53, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@keyframes btn_anim_in {
  /* line 49, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 53, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-webkit-keyframes btn_anim_out {
  /* line 59, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 62, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}

@-moz-keyframes btn_anim_out {
  /* line 59, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 62, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}

@keyframes btn_anim_out {
  /* line 59, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 62, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}

@-webkit-keyframes rotate {
  /* line 67, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 70, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  /* line 67, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 70, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  /* line 67, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 70, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes menu_bar {
  /* line 75, ../src/cmn/css/_anim.scss */
  0% {
    width: 100%;
  }

  /* line 78, ../src/cmn/css/_anim.scss */
  50% {
    width: 0%;
  }

  /* line 81, ../src/cmn/css/_anim.scss */
  51% {
    width: 0%;
    float: left;
  }

  /* line 85, ../src/cmn/css/_anim.scss */
  50% {
    width: 100%;
  }
}

@-moz-keyframes menu_bar {
  /* line 75, ../src/cmn/css/_anim.scss */
  0% {
    width: 100%;
  }

  /* line 78, ../src/cmn/css/_anim.scss */
  50% {
    width: 0%;
  }

  /* line 81, ../src/cmn/css/_anim.scss */
  51% {
    width: 0%;
    float: left;
  }

  /* line 85, ../src/cmn/css/_anim.scss */
  50% {
    width: 100%;
  }
}

@keyframes menu_bar {
  /* line 75, ../src/cmn/css/_anim.scss */
  0% {
    width: 100%;
  }

  /* line 78, ../src/cmn/css/_anim.scss */
  50% {
    width: 0%;
  }

  /* line 81, ../src/cmn/css/_anim.scss */
  51% {
    width: 0%;
    float: left;
  }

  /* line 85, ../src/cmn/css/_anim.scss */
  50% {
    width: 100%;
  }
}

@-webkit-keyframes line_img_anim {
  /* line 92, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  /* line 95, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@-moz-keyframes line_img_anim {
  /* line 92, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  /* line 95, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@keyframes line_img_anim {
  /* line 92, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  /* line 95, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@-webkit-keyframes loader_anim {
  /* line 102, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 105, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 108, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes loader_anim {
  /* line 102, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 105, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 108, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes loader_anim {
  /* line 102, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 105, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 108, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes loader_anim2 {
  /* line 113, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 116, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 119, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes loader_anim2 {
  /* line 113, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 116, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 119, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes loader_anim2 {
  /* line 113, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 116, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 119, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes hover_tag {
  /* line 125, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 128, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes hover_tag {
  /* line 125, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 128, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes hover_tag {
  /* line 125, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 128, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes hover_panel {
  /* line 134, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  /* line 138, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes hover_panel {
  /* line 134, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  /* line 138, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes hover_panel {
  /* line 134, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  /* line 138, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes hover_panel_img {
  /* line 145, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 148, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@-moz-keyframes hover_panel_img {
  /* line 145, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 148, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@keyframes hover_panel_img {
  /* line 145, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 148, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@-webkit-keyframes line_anim {
  /* line 155, ../src/cmn/css/_anim.scss */
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
  }

  /* line 159, ../src/cmn/css/_anim.scss */
  100% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes line_anim {
  /* line 155, ../src/cmn/css/_anim.scss */
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
  }

  /* line 159, ../src/cmn/css/_anim.scss */
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes line_anim {
  /* line 155, ../src/cmn/css/_anim.scss */
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
  }

  /* line 159, ../src/cmn/css/_anim.scss */
  100% {
    stroke-dashoffset: 0;
  }
}

/*
@include keyframes(bottle){
    0% { @include filter(brightness(-2) contrast(370)); }
    5% { @include filter(brightness(4.7) contrast(370)); }
    10% { @include filter(brightness(0.4) contrast(370)); }
    15% { @include filter(brightness(2.2) contrast(370)); }
    20% { @include filter(brightness(-0.8) contrast(370)); }
    25% { @include filter(brightness(5) contrast(370)); }
    30% { @include filter(brightness(0.2)); }
    40% { @include filter(brightness(3.1)); }
    50% { @include filter(brightness(-0.95)); }
    60% { @include filter(brightness(2.5)); }
    100% { @include filter(brightness(1)); }
}
*/
@-webkit-keyframes bottle {
  /* line 179, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 180, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes bottle {
  /* line 179, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 180, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes bottle {
  /* line 179, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 180, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes loading {
  /* line 184, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 187, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-moz-keyframes loading {
  /* line 184, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 187, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@keyframes loading {
  /* line 184, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 187, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-webkit-keyframes rotation {
  /* line 193, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 196, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotation {
  /* line 193, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 196, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  /* line 193, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 196, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes mask {
  /* line 201, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-moz-keyframes mask {
  /* line 201, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes mask {
  /* line 201, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes mask_btn {
  /* line 209, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 212, ../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 215, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes mask_btn {
  /* line 209, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 212, ../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 215, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes mask_btn {
  /* line 209, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 212, ../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 215, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@media screen and (min-width: 769px) {
  /*debug
  body{
  	//background-image: url(../img/koudouteki/_guide_pc_flaot.jpg) !important;
  	background-image: url(../img/koudouteki/_guide_pc.jpg) !important;
  	background-repeat: no-repeat !important;
  	background-position: 0px 772px !important;
  	//background-position: 0px -590px !important;
  	background-size: 100% auto !important;
      //background-size: 1300px auto !important;
  	//background-position: top left !important;
  	height: auto;
      overflow: visible !important;
      
      #loader{
      	display: none !important;
      }
  	#header{
  		@include opacity(0.6);
  		//display: none;
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	
  	#top{
  		height: 912px;
  	}
  	#footer{
  		@include opacity(0.6);
  		display: none;
  	}
  	
  	#float_content_spot{
  		@include opacity(0.6);
  		top: 108px;
  	}
  }
  */
  /* line 48, ../src/page/course/koudouteki/css/_pc.scss */
  body #loader {
    background: #4a050b;
  }
  /* line 51, ../src/page/course/koudouteki/css/_pc.scss */
  body #loader .logo span {
    background: #4a050b;
  }
  /* line 58, ../src/page/course/koudouteki/css/_pc.scss */
  body .dish_area .bg {
    background-image: url(../img/cmn/ptn_r.png);
  }
  /* line 61, ../src/page/course/koudouteki/css/_pc.scss */
  body .dish_area #dish {
    width: 55.4vw;
    position: absolute;
    top: 50%;
    left: 0.5vw;
    z-index: 2;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
  }
  /* line 68, ../src/page/course/koudouteki/css/_pc.scss */
  body .dish_area #dish .photo {
    position: absolute;
    top: 8.2vw;
    left: 13vw;
    width: 30.8vw;
    z-index: 2;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 76, ../src/page/course/koudouteki/css/_pc.scss */
  body .dish_area #dish .photo.current {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 3;
  }
  /* line 87, ../src/page/course/koudouteki/css/_pc.scss */
  body #wrapper #main #paging .area .bar {
    background: #4a050b;
  }
  /* line 96, ../src/page/course/koudouteki/css/_pc.scss */
  body #wrapper section#top h1 .s {
    font-family: "Italianno", cursive;
    font-style: italic;
    font-size: 6.1vw;
    float: right;
    margin: 0 -2.2vw 0 0;
  }
  /* line 102, ../src/page/course/koudouteki/css/_pc.scss */
  body #wrapper section#top h1 .g {
    font-family: "Italianno", cursive;
    font-style: italic;
    margin: -1.4vw 0 0 4.8vw;
    font-size: 14.8vw;
    letter-spacing: 0.14vw;
  }
  /* line 108, ../src/page/course/koudouteki/css/_pc.scss */
  body #wrapper section#top h1 .j {
    font-family: "NotoSerifBold", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    margin: -2.8vw 0 0 0;
    font-size: 1.5vw;
    float: right;
  }
  /* line 122, ../src/page/course/koudouteki/css/_pc.scss */
  body #float_content_detail figure figcaption .ttl {
    color: #4a050b;
  }
  /* line 125, ../src/page/course/koudouteki/css/_pc.scss */
  body #float_content_detail figure figcaption .sub {
    color: #4a050b;
  }
  /* line 128, ../src/page/course/koudouteki/css/_pc.scss */
  body #float_content_detail figure figcaption .copy {
    color: #4a050b;
  }
}
@media screen and (max-width: 768px) and (min-width: 600px) {
  /* line 139, ../src/page/course/koudouteki/css/_pc.scss */
  body .dish_area #dish {
    width: 75% !important;
    left: 12.5% !important;
  }
}
/*color*/
/*font*/
/*size*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*============================
animation
============================*/
/*============================
装飾
============================*/
/*color*/
/*font*/
/*size*/
/*anim*/
/*util*/
/*
@include animation(rotate 10s linear infinite);
*/
@-webkit-keyframes scroll_top {
  /* line 32, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    transform: translate(0, -120%);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-moz-keyframes scroll_top {
  /* line 32, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    transform: translate(0, -120%);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@keyframes scroll_top {
  /* line 32, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, -120%);
    -moz-transform: translate(0, -120%);
    -ms-transform: translate(0, -120%);
    -o-transform: translate(0, -120%);
    transform: translate(0, -120%);
  }

  /* line 35, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-webkit-keyframes scroll_btm {
  /* line 41, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 44, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 200%);
    -moz-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
}

@-moz-keyframes scroll_btm {
  /* line 41, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 44, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 200%);
    -moz-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
}

@keyframes scroll_btm {
  /* line 41, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 44, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, 200%);
    -moz-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
  }
}

@-webkit-keyframes btn_anim_in {
  /* line 49, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 53, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-moz-keyframes btn_anim_in {
  /* line 49, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 53, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@keyframes btn_anim_in {
  /* line 49, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 53, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}

@-webkit-keyframes btn_anim_out {
  /* line 59, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 62, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}

@-moz-keyframes btn_anim_out {
  /* line 59, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 62, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}

@keyframes btn_anim_out {
  /* line 59, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }

  /* line 62, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
}

@-webkit-keyframes rotate {
  /* line 67, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 70, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  /* line 67, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 70, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  /* line 67, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 70, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes menu_bar {
  /* line 75, ../src/cmn/css/_anim.scss */
  0% {
    width: 100%;
  }

  /* line 78, ../src/cmn/css/_anim.scss */
  50% {
    width: 0%;
  }

  /* line 81, ../src/cmn/css/_anim.scss */
  51% {
    width: 0%;
    float: left;
  }

  /* line 85, ../src/cmn/css/_anim.scss */
  50% {
    width: 100%;
  }
}

@-moz-keyframes menu_bar {
  /* line 75, ../src/cmn/css/_anim.scss */
  0% {
    width: 100%;
  }

  /* line 78, ../src/cmn/css/_anim.scss */
  50% {
    width: 0%;
  }

  /* line 81, ../src/cmn/css/_anim.scss */
  51% {
    width: 0%;
    float: left;
  }

  /* line 85, ../src/cmn/css/_anim.scss */
  50% {
    width: 100%;
  }
}

@keyframes menu_bar {
  /* line 75, ../src/cmn/css/_anim.scss */
  0% {
    width: 100%;
  }

  /* line 78, ../src/cmn/css/_anim.scss */
  50% {
    width: 0%;
  }

  /* line 81, ../src/cmn/css/_anim.scss */
  51% {
    width: 0%;
    float: left;
  }

  /* line 85, ../src/cmn/css/_anim.scss */
  50% {
    width: 100%;
  }
}

@-webkit-keyframes line_img_anim {
  /* line 92, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  /* line 95, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@-moz-keyframes line_img_anim {
  /* line 92, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  /* line 95, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@keyframes line_img_anim {
  /* line 92, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }

  /* line 95, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}

@-webkit-keyframes loader_anim {
  /* line 102, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 105, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 108, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes loader_anim {
  /* line 102, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 105, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 108, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes loader_anim {
  /* line 102, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 105, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 108, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes loader_anim2 {
  /* line 113, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 116, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 119, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes loader_anim2 {
  /* line 113, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 116, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 119, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes loader_anim2 {
  /* line 113, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 116, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 119, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes hover_tag {
  /* line 125, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 128, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes hover_tag {
  /* line 125, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 128, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes hover_tag {
  /* line 125, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 128, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes hover_panel {
  /* line 134, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  /* line 138, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-moz-keyframes hover_panel {
  /* line 134, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  /* line 138, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes hover_panel {
  /* line 134, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  /* line 138, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes hover_panel_img {
  /* line 145, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 148, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@-moz-keyframes hover_panel_img {
  /* line 145, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 148, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@keyframes hover_panel_img {
  /* line 145, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 148, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@-webkit-keyframes line_anim {
  /* line 155, ../src/cmn/css/_anim.scss */
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
  }

  /* line 159, ../src/cmn/css/_anim.scss */
  100% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes line_anim {
  /* line 155, ../src/cmn/css/_anim.scss */
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
  }

  /* line 159, ../src/cmn/css/_anim.scss */
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes line_anim {
  /* line 155, ../src/cmn/css/_anim.scss */
  0% {
    stroke-dashoffset: 500;
    fill: transparent;
  }

  /* line 159, ../src/cmn/css/_anim.scss */
  100% {
    stroke-dashoffset: 0;
  }
}

/*
@include keyframes(bottle){
    0% { @include filter(brightness(-2) contrast(370)); }
    5% { @include filter(brightness(4.7) contrast(370)); }
    10% { @include filter(brightness(0.4) contrast(370)); }
    15% { @include filter(brightness(2.2) contrast(370)); }
    20% { @include filter(brightness(-0.8) contrast(370)); }
    25% { @include filter(brightness(5) contrast(370)); }
    30% { @include filter(brightness(0.2)); }
    40% { @include filter(brightness(3.1)); }
    50% { @include filter(brightness(-0.95)); }
    60% { @include filter(brightness(2.5)); }
    100% { @include filter(brightness(1)); }
}
*/
@-webkit-keyframes bottle {
  /* line 179, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 180, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes bottle {
  /* line 179, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 180, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes bottle {
  /* line 179, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 180, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes loading {
  /* line 184, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 187, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-moz-keyframes loading {
  /* line 184, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 187, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@keyframes loading {
  /* line 184, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 187, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-webkit-keyframes rotation {
  /* line 193, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 196, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotation {
  /* line 193, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 196, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  /* line 193, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 196, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes mask {
  /* line 201, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-moz-keyframes mask {
  /* line 201, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes mask {
  /* line 201, ../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 204, ../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes mask_btn {
  /* line 209, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 212, ../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 215, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes mask_btn {
  /* line 209, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 212, ../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 215, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes mask_btn {
  /* line 209, ../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 212, ../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 215, ../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 218, ../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  /*debug
  body{
  	background-image: url(../img/koudouteki/_guide_sp.jpg) !important;
  	//background-image: url(../img/koudouteki/_guide_sp_float.jpg) !important;
  	background-repeat: no-repeat !important;
  	background-position: top center !important;
  	background-position: 0 0 !important;
  	background-size: 100% auto !important;
      //background-size: 1300px auto !important;
  	//background-position: top left !important;
  	height: auto;
      overflow: visible !important;
      
      #loader{
      	display: none !important;
      }
  	#header{
  		@include opacity(0.6);
  		//display: none;
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	
  	#top{
  		height: 912px;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	
  	#float_content_spot{
  		@include opacity(0.6);
  		top: 108px;
  	}
  }
  */
  /* line 48, ../src/page/course/koudouteki/css/_sp.scss */
  body #loader {
    background: #4a050b;
  }
  /* line 51, ../src/page/course/koudouteki/css/_sp.scss */
  body #loader .logo span {
    background: #4a050b;
  }
  /* line 58, ../src/page/course/koudouteki/css/_sp.scss */
  body .dish_area .bg {
    background-image: url(../img/cmn/ptn_r.png);
  }
  /* line 61, ../src/page/course/koudouteki/css/_sp.scss */
  body .dish_area #dish {
    width: 79%;
    position: absolute;
    top: 50%;
    left: 10.5%;
    -webkit-transform: translateY(-95%);
    -moz-transform: translateY(-95%);
    -ms-transform: translateY(-95%);
    -o-transform: translateY(-95%);
    transform: translateY(-95%);
    z-index: 2;
  }
  /* line 68, ../src/page/course/koudouteki/css/_sp.scss */
  body .dish_area #dish .photo {
    position: absolute;
    top: 16%;
    left: 22.5%;
    width: 57%;
    z-index: 2;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  /* line 76, ../src/page/course/koudouteki/css/_sp.scss */
  body .dish_area #dish .photo.current {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    z-index: 3;
  }
  /* line 87, ../src/page/course/koudouteki/css/_sp.scss */
  body #wrapper #main #paging .area .bar {
    background: #4a050b;
  }
  /* line 96, ../src/page/course/koudouteki/css/_sp.scss */
  body #wrapper section#top h1 .s {
    font-family: "Italianno", cursive;
    font-style: italic;
    font-size: 11vw;
    letter-spacing: 0.05vw;
    float: right;
    margin: 0 -0.8vw 0 0;
    text-align: center;
  }
  /* line 104, ../src/page/course/koudouteki/css/_sp.scss */
  body #wrapper section#top h1 .g {
    font-family: "Italianno", cursive;
    font-style: italic;
    margin: -1.8vw 0 0 0;
    font-size: 25.6vw;
    letter-spacing: 0.14vw;
    text-align: center;
  }
  /* line 111, ../src/page/course/koudouteki/css/_sp.scss */
  body #wrapper section#top h1 .j {
    font-family: "NotoSerifBold", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    margin: -5.3vw -39vw 0 0;
    font-size: 2.9vw;
    float: right;
  }
  /* line 125, ../src/page/course/koudouteki/css/_sp.scss */
  body #float_content_detail figure figcaption .ttl {
    color: #4a050b;
  }
  /* line 128, ../src/page/course/koudouteki/css/_sp.scss */
  body #float_content_detail figure figcaption .sub {
    color: #4a050b;
  }
  /* line 131, ../src/page/course/koudouteki/css/_sp.scss */
  body #float_content_detail figure figcaption .copy {
    color: #4a050b;
  }
}