@charset "UTF-8";
/*color*/
/*util*/
@-webkit-keyframes loading {
  /* line 27, ../../../../../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 30, ../../../../../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 loading {
  /* line 27, ../../../../../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 30, ../../../../../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 loading {
  /* line 27, ../../../../../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 30, ../../../../../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 scroll {
  /* line 36, ../../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 40, ../../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

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

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

  /* line 40, ../../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

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

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

  /* line 40, ../../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes btn_anim_sp {
  /* line 61, ../../../../../src/cmn/css/_anim.scss */
  0% {
    transform: translateY(0);
  }

  /* line 62, ../../../../../src/cmn/css/_anim.scss */
  3.57143% {
    transform: translateY(0);
  }

  /* line 63, ../../../../../src/cmn/css/_anim.scss */
  7.14286% {
    transform: translateY(0);
  }

  /* line 64, ../../../../../src/cmn/css/_anim.scss */
  14.28571% {
    transform: translateY(-12vw);
  }

  /* line 65, ../../../../../src/cmn/css/_anim.scss */
  17.85714% {
    transform: translateY(0);
  }

  /* line 66, ../../../../../src/cmn/css/_anim.scss */
  21.42857% {
    transform: translateY(-12vw);
  }

  /* line 67, ../../../../../src/cmn/css/_anim.scss */
  28.57143% {
    transform: translateY(0);
  }

  /* line 68, ../../../../../src/cmn/css/_anim.scss */
  100% {
    transform: translateY(0);
  }
}

@-moz-keyframes btn_anim_sp {
  /* line 61, ../../../../../src/cmn/css/_anim.scss */
  0% {
    transform: translateY(0);
  }

  /* line 62, ../../../../../src/cmn/css/_anim.scss */
  3.57143% {
    transform: translateY(0);
  }

  /* line 63, ../../../../../src/cmn/css/_anim.scss */
  7.14286% {
    transform: translateY(0);
  }

  /* line 64, ../../../../../src/cmn/css/_anim.scss */
  14.28571% {
    transform: translateY(-12vw);
  }

  /* line 65, ../../../../../src/cmn/css/_anim.scss */
  17.85714% {
    transform: translateY(0);
  }

  /* line 66, ../../../../../src/cmn/css/_anim.scss */
  21.42857% {
    transform: translateY(-12vw);
  }

  /* line 67, ../../../../../src/cmn/css/_anim.scss */
  28.57143% {
    transform: translateY(0);
  }

  /* line 68, ../../../../../src/cmn/css/_anim.scss */
  100% {
    transform: translateY(0);
  }
}

@keyframes btn_anim_sp {
  /* line 61, ../../../../../src/cmn/css/_anim.scss */
  0% {
    transform: translateY(0);
  }

  /* line 62, ../../../../../src/cmn/css/_anim.scss */
  3.57143% {
    transform: translateY(0);
  }

  /* line 63, ../../../../../src/cmn/css/_anim.scss */
  7.14286% {
    transform: translateY(0);
  }

  /* line 64, ../../../../../src/cmn/css/_anim.scss */
  14.28571% {
    transform: translateY(-12vw);
  }

  /* line 65, ../../../../../src/cmn/css/_anim.scss */
  17.85714% {
    transform: translateY(0);
  }

  /* line 66, ../../../../../src/cmn/css/_anim.scss */
  21.42857% {
    transform: translateY(-12vw);
  }

  /* line 67, ../../../../../src/cmn/css/_anim.scss */
  28.57143% {
    transform: translateY(0);
  }

  /* line 68, ../../../../../src/cmn/css/_anim.scss */
  100% {
    transform: translateY(0);
  }
}

/*============================
mixin
============================*/
/*============================
easing
============================*/
/*size*/
@media screen and (min-width: 759px) {
  /* line 3, ../../src/page/top/css/_pc.scss */
  body {
    	/*	
    	background: url("https://www.shiseido.co.jp/tsubaki/products/mask/special/assets/img/_guide.jpg") no-repeat top center;
    	//background: url("https://www.shiseido.co.jp/tsubaki/products/mask/special/assets/img/_guide_float.jpg") no-repeat center 14px;
    	-webkit-background-size: 1400px auto;
    	background-size: 1400px auto;
    	//background-position-y: -5px;
    	//background-position-y: -80px;
    	//background-position-y: -667px;
    	width: 1400px;
        margin: 0 auto !important;
        
    	#wrapper{
    		@include opacity(0.6);
    		//background: black !important;
    	}
    	#header{
    		@include opacity(0.6);
    		position: absolute;
    	}
    	.float_panel {
    		@include opacity(0.6);
    		position: absolute;
    		bottom: auto !important;
        	top: 20px !important;
    	}
    	.float_bg{
    		display: none;
    	}
    */
    overflow: visible;
  }
  /* line 36, ../../src/page/top/css/_pc.scss */
  body .sp_view {
    display: none !important;
  }
  /* line 39, ../../src/page/top/css/_pc.scss */
  body .pc_view {
    display: block !important;
  }
  /* line 42, ../../src/page/top/css/_pc.scss */
  body .sp_view_i {
    display: none !important;
  }
  /* line 45, ../../src/page/top/css/_pc.scss */
  body .pc_view_i {
    display: inline !important;
  }
  /* line 50, ../../src/page/top/css/_pc.scss */
  body #wrapper #main {
    float: none;
    margin: 0 auto;
    min-width: 1064px;
  }
  /* line 55, ../../src/page/top/css/_pc.scss */
  body #wrapper #main div.inner {
    text-align: center;
    padding: 0;
  }
  /* line 62, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    height: 72px;
    position: relative;
    width: 390px;
  }
  /* line 69, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
    cursor: pointer;
  }
  /* line 82, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 12px;
    line-height: 72px;
    position: relative;
    z-index: 1;
    font-size: 1.8em;
    color: #b38d3b;
  }
  /* line 94, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .t2 {
    display: block;
    line-height: 1.35;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 102, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .arw {
    position: absolute;
    width: 40px;
    top: 35px;
    right: 17px;
    z-index: 1;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 110, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .plus {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 22px;
    z-index: 30;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 119, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .plus span {
    height: 1px;
    width: 100%;
    background: #b38d3b;
    display: block;
    position: relative;
    margin: 6px 0 0 0;
  }
  /* line 126, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn .plus span:before {
    content: "";
    height: 13px;
    width: 1px;
    background: #b38d3b;
    position: absolute;
    top: -6px;
    right: 6px;
    z-index: 30;
  }
  /* line 138, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 156, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .inner .btn_area .btn:hover .arw {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  /* line 163, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 3.8em;
    padding: 0 0 42px 0;
    font-weight: 100;
    position: relative;
    margin: 0 0 38px 0;
  }
  /* line 171, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2 span {
    display: block;
    float: left;
    width: 100%;
    color: #b38d3b;
  }
  /* line 175, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2 span.s {
    font-size: 0.47em;
    margin: 0 0 25px 0;
  }
  /* line 179, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2 span small {
    font-size: 0.6em;
  }
  /* line 183, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page h2:before {
    content: "●";
    position: absolute;
    left: 50%;
    color: #b38d3b;
    font-size: 8px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    line-height: 1;
  }
  /* line 194, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .check {
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 197, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .check p {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
  }
  /* line 200, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page .check p img {
    width: 117px;
  }
  /* line 208, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top {
    position: relative;
    background: url("../img/bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 213, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .wave {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 0 -1%;
    width: 102%;
    line-height: 0;
    text-align: center;
    background: url("../img/wave.svg") no-repeat left bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    height: 137px;
  }
  /* line 224, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .wave:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    height: 34px;
  }
  /* line 234, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .wave .logo {
    width: 304px;
    line-height: 0;
    display: inline-block;
    margin: 20px 0 0 -12px;
    position: relative;
    z-index: 10;
  }
  /* line 243, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top > .inner {
    overflow: hidden;
  }
  /* line 246, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner {
    padding: 33px 0 0 0;
    text-align: center;
  }
  /* line 249, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 3.8em;
    margin: 0 0 28px 0;
    font-weight: 100;
  }
  /* line 255, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner h1 span {
    display: block;
    float: left;
    width: 100%;
    color: #f1cb89;
    line-height: normal;
  }
  /* line 259, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner h1 span.s {
    font-size: 0.47em;
    margin: 0 0 25px 0;
  }
  /* line 265, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award {
    clear: both;
    display: inline-block;
    color: white;
    text-align: center;
    position: relative;
    margin: 0 0 21px 0;
  }
  /* line 273, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award small {
    display: block;
    float: left;
    width: 100%;
    font-size: 1.65em;
    line-height: 1.35;
    margin: 0 0 15px 0;
  }
  /* line 280, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award p {
    display: block;
    float: left;
    width: 100%;
    font-size: 3em;
  }
  /* line 285, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner .award .logo {
    position: absolute;
    width: 88px;
    top: 8px;
    right: -37px;
  }
  /* line 292, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#top .inner figure {
    float: left;
    margin: 0 0 0 310px;
    width: 412px;
    height: 345px;
    overflow: hidden;
  }
  /* line 302, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro {
    padding: 69px 0 0 0;
  }
  /* line 304, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .inner {
    width: 900px;
  }
  /* line 307, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section {
    background: #b38d3b;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    float: left;
    width: 437px;
    height: 260px;
    position: relative;
    margin: 0 0 28px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 37px 0 0 0;
  }
  /* line 318, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section:nth-of-type(2) {
    float: right;
    margin: 0 0 28px 0;
  }
  /* line 321, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section:nth-of-type(2) h3 {
    /*margin: 0 0 50px 0;*/
  }
  /* line 325, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section h3 {
    float: left;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 2.7em;
    margin: 0 0 25px 0;
  }
  /* line 331, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section h3 span {
    display: block;
    float: left;
    width: 100%;
  }
  /* line 334, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section h3 span.s {
    font-size: 0.8em;
    margin: 0 0 16px 0;
  }
  /* line 340, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro section p {
    float: left;
    width: 100%;
    color: #434343;
    font-size: 1.65em;
    line-height: 1.7;
    font-weight: 100;
  }
  /* line 348, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #b4b4b4;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    padding: 28px 0 21px 0;
    margin: 0 0 28px 0;
  }
  /* line 357, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology .txt {
    float: left;
    line-height: 0;
    margin: 21px 0 0 26px;
    width: 410px;
  }
  /* line 363, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology .txt2 {
    float: right;
    line-height: 0;
    width: 423px;
    margin: 0 10px 20px 0;
  }
  /* line 369, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#intro .technology small {
    float: left;
    width: 100%;
    font-size: 1.2em;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin: 0 0 0 27px;
    text-align: left;
    color: #434343;
  }
  /* line 379, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment {
    padding: 87px 0 0 0;
  }
  /* line 381, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .inner {
    width: 900px;
  }
  /* line 384, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 {
    margin-bottom: 28px;
  }
  /* line 386, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 .n {
    display: inline-block;
    width: auto;
    float: none;
    font-size: 0.25em;
    line-height: 1em;
    position: relative;
  }
  /* line 393, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 .n.u {
    top: -22px;
  }
  /* line 396, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment h2 .n.b {
    display: block;
    margin: 15px 0 0 0;
    font-size: 0.3em;
  }
  /* line 403, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment {
    float: left;
    width: 286px;
    margin: 0 19px 36px 0;
  }
  /* line 408, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2):after {
    -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 412, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2) .box .txt {
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
  }
  /* line 417, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(3) {
    margin-right: 0;
    float: right;
  }
  /* line 421, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(3) .box .txt {
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
  }
  /* line 426, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:before {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 10px;
    background: url("../img/comment_top_pc.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  /* line 435, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment:after {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 23px;
    background: url("../img/comment_btm_pc.png") no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  /* line 444, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box {
    background: #ad8e58;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 19px;
    text-align: left;
    height: 237px;
    position: relative;
    margin: -1px 0 0 0;
  }
  /* line 455, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box .name {
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1;
    margin: 0 0 4px 0;
    color: #434343;
  }
  /* line 462, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box .star {
    float: left;
    width: 100%;
    font-size: 1.2em;
    line-height: 1;
    color: #434343;
  }
  /* line 468, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .comment .box .txt {
    float: left;
    width: 100%;
    position: relative;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    transform: translateY(-65%);
    color: white;
    text-align: center;
    font-size: 1.65em;
    line-height: 1.6;
    margin: 0 0 0 -8%;
    width: 116%;
  }
  /* line 483, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#comment .btn_area {
    margin: 0 10px;
  }
  /* line 488, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award {
    padding: 76px 0 0 0;
  }
  /* line 490, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie {
    float: left;
    width: 100%;
  }
  /* line 492, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a {
    display: block;
    margin: 0 auto 39px;
    width: 780px;
    line-height: 0;
    position: relative;
    cursor: pointer;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 500, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a span {
    position: absolute;
    width: 99px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 99px;
    margin: auto;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 511, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a:hover {
    opacity: 0.8;
  }
  /* line 513, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#award .movie a:hover span {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  /* line 521, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice {
    padding: 76px 0 0 0;
    margin-bottom: 55px;
  }
  /* line 524, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice .inner {
    width: 900px;
  }
  /* line 527, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice h2 {
    margin-bottom: 18px;
  }
  /* line 530, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice .list {
    float: left;
    width: 100%;
  }
  /* line 533, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section {
    float: left;
    width: 436px;
    padding: 30px 0 0 0;
    position: relative;
    margin-bottom: 17px;
    overflow: visible;
  }
  /* line 540, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section:nth-child(odd) {
    clear: both;
  }
  /* line 543, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section:nth-child(even) {
    float: right;
  }
  /* line 546, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .lbl {
    background: #434343;
    color: white;
    display: block;
    float: left;
    padding: 6px 0;
    font-size: 1.4em;
    margin: 0 0 0 27px;
    width: 140px;
    position: relative;
    z-index: 3;
  }
  /* line 558, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section h3 {
    float: left;
    width: 419px;
    height: 179px;
    background: #ad8e58;
    color: white;
    font-size: 2.3em;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 46px 0 0 30px;
    text-align: left;
    margin: -22px 0 0 0;
  }
  /* line 571, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section h3.l3 {
    padding-top: 30px;
  }
  /* line 575, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section figure {
    position: absolute;
    width: 141px;
    top: 0;
    right: -8px;
    z-index: 5;
  }
  /* line 582, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name {
    float: right;
    width: 409px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ad8e58;
    background: white;
    position: relative;
    margin: -35px 0 0 0;
    height: 60px;
  }
  /* line 593, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ad8e58;
    position: absolute;
    top: 15px;
    left: 0;
  }
  /* line 603, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name small {
    position: relative;
    float: right;
    display: block;
    background: white;
    color: #ad8e58;
    z-index: 10;
    font-size: 1.45em;
    padding: 7px 27px 0 10px;
  }
  /* line 613, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .name p {
    float: right;
    clear: both;
    display: block;
    background: white;
    color: #ad8e58;
    font-size: 1.6em;
    margin: 5px 25px 0 0;
  }
  /* line 623, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#voice section .txt {
    float: right;
    width: 385px;
    font-size: 1.6em;
    line-height: 2;
    text-align: left;
    margin: 25px 26px 0 0;
    color: #434343;
  }
  /* line 635, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod {
    padding: 20px 0 0 0;
  }
  /* line 637, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .inner {
    width: 900px;
  }
  /* line 640, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod {
    margin: 0 0 81px 0;
    float: left;
    width: 100%;
  }
  /* line 643, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 {
    margin-bottom: 60px;
  }
  /* line 645, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 .detail {
    margin-top: 120px;
  }
  /* line 649, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area {
    margin: 0 auto 0 auto;
  }
  /* line 651, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area .ico {
    top: 17px;
    right: -35px;
    width: 119px;
  }
  /* line 659, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure {
    text-align: center;
    margin: -46px 0 28px 22px;
    float: left;
    width: 271px;
  }
  /* line 664, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area {
    width: 100%;
    position: relative;
    margin: 0 auto 31px;
    padding: 113px 0 0 0;
  }
  /* line 669, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .circle {
    line-height: 0;
  }
  /* line 672, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .capa {
    font-size: 1.2em;
    line-height: 1em;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 23px;
    color: #b38d3b;
  }
  /* line 681, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .ico {
    position: absolute;
    top: 68px;
    width: 92px;
    right: -52px;
  }
  /* line 687, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .img {
    position: absolute;
    bottom: 57px;
    width: 163px;
    left: 54px;
    line-height: 0;
    z-index: 10;
  }
  /* line 697, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail {
    float: left;
    width: 495px;
    margin: 26px 0 0 112px;
    text-align: left;
    color: #b38d3b;
  }
  /* line 703, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .sub {
    float: left;
    width: 100%;
    font-size: 2.8em;
    line-height: 1em;
    margin: 0 0 19px 0;
    font-weight: 100;
  }
  /* line 710, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail h3 {
    float: left;
    width: 100%;
    font-weight: 100;
    font-size: 3.4em;
    line-height: 1.2em;
    margin: 0 0 23px 0;
  }
  /* line 716, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail h3 .m {
    font-size: 0.82em;
  }
  /* line 719, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail h3 .s {
    font-size: 0.52em;
  }
  /* line 723, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .name {
    font-size: 1.5em;
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
  }
  /* line 728, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt {
    float: left;
    width: 100%;
  }
  /* line 730, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p {
    font-size: 1.6em;
    text-align: left;
    line-height: 2.4em;
    margin: 0 0 37px 0;
  }
  /* line 735, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p.notice {
    color: #343434;
    font-size: 15px;
    letter-spacing: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 744, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area {
    float: left;
    width: 100%;
    margin: 0 0 0 -47px;
    width: 994px;
  }
  /* line 748, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 {
    font-size: 1.8em;
    line-height: 1em;
    color: #434343;
    margin: 0 0 35px 0;
  }
  /* line 753, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 .ico {
    width: 15px;
    display: inline-block;
  }
  /* line 758, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul {
    float: left;
    width: 100%;
  }
  /* line 760, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li {
    margin: 0 10px 14px 0;
    width: 241px;
    float: left;
  }
  /* line 764, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #b38d3b;
    height: 59px;
  }
  /* line 771, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .t {
    position: absolute;
    left: 43px;
    width: 153px;
    top: 8px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 778, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .i {
    position: absolute;
    width: 7px;
    bottom: 6px;
    right: 7px;
    line-height: 0;
  }
  /* line 786, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a:hover .t {
    opacity: 0.6;
  }
  /* line 791, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li:last-child {
    margin: 0;
  }
  /* line 797, ../../src/page/top/css/_pc.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area {
    width: 348px;
  }
  /* line 806, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup {
    background: #f8e9c9;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9c9', endColorstr='#ea910a',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    box-sizing: border-box;
    border: 1px solid #b38d3b;
  }
  /* line 816, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    position: relative;
    width: 360px;
    line-height: 0;
    margin: auto;
  }
  /* line 821, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px;
    padding: 3px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
  }
  /* line 833, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 12px;
    line-height: 54px;
    position: relative;
    z-index: 1;
    font-size: 1.8em;
    color: #b38d3b;
  }
  /* line 845, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .arw {
    position: absolute;
    width: 61px;
    top: 25px;
    right: 19px;
    z-index: 1;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 853, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 50% 50%;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 871, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn:hover .arw {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  /* line 878, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner {
    padding: 36px 0 36px 0;
  }
  /* line 880, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner h2 {
    font-weight: 100;
    line-height: 1em;
    color: #a31f25;
    font-size: 2.8em;
    margin: 0 0 30px 0;
  }
  /* line 886, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner h2:before {
    display: none;
  }
  /* line 890, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner figure {
    width: 430px;
    margin: 0 auto;
    position: relative;
  }
  /* line 894, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner figure span {
    position: absolute;
    opacity: 0.6;
    line-height: 0;
    width: 867px;
    top: 146px;
    left: -234px;
  }
  /* line 903, ../../src/page/top/css/_pc.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    margin-top: -47px;
  }
  /* line 911, ../../src/page/top/css/_pc.scss */
  body .footer-nav .inner {
    z-index: 2;
  }
  /* line 916, ../../src/page/top/css/_pc.scss */
  body .float_panel {
    z-index: 10002;
    width: 1024px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  /* line 924, ../../src/page/top/css/_pc.scss */
  body .float_panel > a {
    width: 21px;
    position: absolute;
    line-height: 0;
    right: -90px;
    top: 0;
    cursor: pointer;
  }
  /* line 932, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner {
    float: left;
    width: 100%;
    padding: 39px 0 0 0;
    text-align: center;
  }
  /* line 936, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .sub {
    float: left;
    width: 100%;
    color: white;
    font-size: 2.2em;
    margin: 0 0 47px 0;
  }
  /* line 942, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box {
    float: left;
    width: 100%;
    width: 1200px;
    margin: 0 0 0 -88px;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 950, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box .ttl {
    float: left;
    width: 100%;
    width: 900px;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5ac33;
    color: #b59968;
    text-align: center;
    font-size: 2.3em;
    height: 55px;
    line-height: 55px;
    margin: -27px 0 38px 150px;
  }
  /* line 965, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol {
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 968, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li {
    display: inline-block;
    width: 300px;
    float: left;
  }
  /* line 972, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li:nth-of-type(1) {
    margin: 0 49px 0 100px;
  }
  /* line 975, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li:nth-of-type(2) {
    margin: 0 49px 0 0;
  }
  /* line 977, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li:nth-of-type(2) .txt p {
    margin: 0 0 25px 0;
  }
  /* line 981, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .num {
    float: left;
    width: 100%;
    margin: 0 0 19px 0;
  }
  /* line 984, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .num .n {
    display: block;
    float: left;
    background: #434343;
    color: white;
    text-align: center;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 1.2em;
  }
  /* line 995, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .num .t {
    display: block;
    float: left;
    font-size: 1.5em;
    position: relative;
    top: 3px;
    left: 12px;
  }
  /* line 1004, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .txt {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 18px 0;
  }
  /* line 1008, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .txt p {
    font-size: 1.4em;
    line-height: 2;
    margin: 0 0 5px 0;
  }
  /* line 1012, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li .txt p span {
    font-size: 0.7em;
    vertical-align: top;
  }
  /* line 1018, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li small {
    font-size: 1.1em;
    line-height: 1.5;
  }
  /* line 1022, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .box ol li figure {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
  }
  /* line 1029, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .logo {
    width: 153px;
    margin: 0 auto 35px;
    line-height: 0;
  }
  /* line 1034, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner h2 {
    text-align: center;
    margin: 0 0 24px 0;
    font-size: 1.5em;
    color: #b38d3b;
  }
  /* line 1039, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner h2 .ico {
    display: inline-block;
    width: 20px;
    line-height: 0;
    vertical-align: middle;
  }
  /* line 1046, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area {
    overflow: hidden;
    margin: 0 0 30px 0;
  }
  /* line 1049, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul {
    width: 241px;
  }
  /* line 1051, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul.l {
    float: left;
  }
  /* line 1054, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul.r {
    float: right;
  }
  /* line 1058, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a {
    width: 241px;
    display: block;
    border: 1px solid #b38d3b;
    border-radius: 2px;
    height: 60px;
    box-sizing: border-box;
    position: relative;
  }
  /* line 1066, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a > img {
    width: 152px;
    position: absolute;
    left: 39px;
    top: 9px;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1073, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a .ico {
    position: absolute;
    width: 11px;
    line-height: 0;
    top: 45px;
    right: 7px;
  }
  /* line 1081, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li a:hover > img {
    opacity: 0.6;
  }
  /* line 1086, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .btn_area ul li:first-child {
    margin: 0 0 12px 0;
  }
  /* line 1092, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .close {
    font-size: 1.8em;
    font-weight: 100;
    color: #b38d3b;
    display: inline-block;
    cursor: pointer;
  }
  /* line 1098, ../../src/page/top/css/_pc.scss */
  body .float_panel .inner .close .ico {
    display: inline-block;
    width: 15px;
    line-height: 0;
  }
  /* line 1107, ../../src/page/top/css/_pc.scss */
  body .float_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10001;
    background: #b59968;
  }
  /* line 1116, ../../src/page/top/css/_pc.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
  }
  /* line 1125, ../../src/page/top/css/_pc.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 1136, ../../src/page/top/css/_pc.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 800px;
    height: 607.5px;
    z-index: 10;
  }
  /* line 1146, ../../src/page/top/css/_pc.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 1151, ../../src/page/top/css/_pc.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 1157, ../../src/page/top/css/_pc.scss */
  body #reel .close {
    width: 85px;
    height: 85px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -60px;
    right: -60px;
    z-index: 5003;
  }
  /* line 1169, ../../src/page/top/css/_pc.scss */
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1175, ../../src/page/top/css/_pc.scss */
  body #reel .close .bar span {
    background: #b38d3b;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 28px;
    content: "";
    margin: -13px 0 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  /* line 1191, ../../src/page/top/css/_pc.scss */
  body #reel .close .bar:after {
    background: #b38d3b;
    width: 30px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 30px;
    content: "";
    margin: 7px 0 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  /* line 1208, ../../src/page/top/css/_pc.scss */
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
  /* line 1215, ../../src/page/top/css/_pc.scss */
  body #reel .close:hover .bar {
    -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);
  }
}
/*size*/
@media screen and (max-width: 758px) {
  /* line 3, ../../src/page/top/css/_sp.scss */
  body {
    	/*
    	background: url("https://www.shiseido.co.jp/tsubaki/products/mask/special/assets/img/_guide_sp.jpg") no-repeat top center;
    	//background: url("https://www.shiseido.co.jp/tsubaki/products/mask/special/assets/img/_guide_sp_float.jpg") no-repeat top center;
    	-webkit-background-size: 100% auto;
    	background-size: 100% auto;
    	//background-position-y: -80px;
    	//background-position-y: -667px;
    	#wrapper{
    		@include opacity(0.6);
    	}
    	#header{
    		@include opacity(0.6);
    		position: absolute;
    	}
    	.footer-nav, .footer-nav .inner {
    		background: none;
    	}
    	.float_panel {
    		@include opacity(0.6);
    		position: absolute;
    		bottom: auto !important;
        	top: 20px !important;
    	}
    	.float_bg{
    		display: none;
    	}
    	*/
    overflow: visible;
  }
  /* line 35, ../../src/page/top/css/_sp.scss */
  body #wrapper #main {
    float: none;
    margin: 0 auto;
    background: white;
  }
  /* line 36, ../../src/page/top/css/_sp.scss */
  body #wrapper #main div.inner {
    text-align: center;
    padding: 0;
  }
  /* line 43, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .sp_view {
    display: block !important;
  }
  /* line 46, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .pc_view {
    display: none !important;
  }
  /* line 49, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .sp_view_i {
    display: inline !important;
  }
  /* line 52, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .pc_view_i {
    display: none !important;
  }
  /* line 57, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    height: 21vw;
    position: relative;
    width: 100%;
  }
  /* line 64, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2vw;
    padding: 1.5px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
  }
  /* line 76, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 1.5vw;
    line-height: 20vw;
    position: relative;
    z-index: 1;
    font-size: 28px;
    font-size: 3.73333vw;
    color: #b38d3b;
  }
  /* line 88, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .t2 {
    display: block;
    line-height: 1.35;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 96, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .arw {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 5%;
    width: 13%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /* line 104, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .plus {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6vw;
    z-index: 30;
  }
  /* line 113, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .plus span {
    height: 1px;
    width: 100%;
    background: #b38d3b;
    display: block;
    position: relative;
    margin: 6px 0 0 0;
  }
  /* line 120, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn .plus span:before {
    content: "";
    height: 13px;
    width: 1px;
    background: #b38d3b;
    position: absolute;
    top: -6px;
    right: 6px;
    z-index: 30;
  }
  /* line 132, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    top: 0;
    left: 0;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 150, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 8.4vw;
    padding: 0 0 9vw 0;
    font-weight: 100;
    position: relative;
    margin: 0 0 6vw 0;
  }
  /* line 158, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2 span {
    display: block;
    float: left;
    width: 100%;
    color: #b38d3b;
  }
  /* line 162, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2 span.s {
    font-size: 0.6em;
    margin: 0 0 5vw 0;
  }
  /* line 166, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2 span small {
    font-size: 0.6em;
  }
  /* line 170, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page h2:before {
    content: "●";
    position: absolute;
    left: 50%;
    color: #b38d3b;
    font-size: 2vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    line-height: 1;
  }
  /* line 181, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .check {
    float: left;
    width: 100%;
    text-align: center;
  }
  /* line 184, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .check p {
    float: left;
    width: 100%;
    margin: 0 0 2.8vw 0;
  }
  /* line 187, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page .check p img {
    width: 30%;
  }
  /* line 195, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top {
    position: relative;
    background: url("../img/bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
  }
  /* line 200, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .wave {
    position: relative;
    float: left;
    width: 100%;
    line-height: 0;
    text-align: center;
    background: url("../img/wave_sp.svg") no-repeat center bottom;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 27.5vw;
  }
  /* line 209, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .wave .logo {
    width: 69.4vw;
    line-height: 0;
    display: inline-block;
    margin: 3.8vw 0 0 -1vw;
  }
  /* line 216, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top > .inner {
    overflow: hidden;
  }
  /* line 219, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner {
    padding: 9vw 0 0 0;
  }
  /* line 221, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 8.4vw;
    margin: 0 0 9vw 0;
    font-weight: 100;
  }
  /* line 227, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner h1 span {
    display: block;
    float: left;
    width: 100%;
    color: #f1cb89;
    line-height: normal;
  }
  /* line 231, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner h1 span.s {
    font-size: 0.47em;
    margin: 0 0 5vw 0;
  }
  /* line 237, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award {
    float: left;
    width: 100%;
    color: white;
    text-align: center;
    position: relative;
    margin: 0 0 13vw 0;
  }
  /* line 243, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award small {
    display: block;
    float: left;
    width: 100%;
    font-size: 3.8vw;
    line-height: 1.35;
    margin: 0 0 4.3vw 0;
  }
  /* line 250, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award p {
    display: block;
    float: left;
    width: 100%;
    font-size: 6.5vw;
  }
  /* line 255, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner .award .logo {
    position: absolute;
    width: 18.4vw;
    top: 11.3vw;
    right: 4.2vw;
  }
  /* line 262, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#top .inner figure {
    float: left;
    margin: 0 0 0 7.3%;
    width: 89%;
    height: 73vw;
    overflow: hidden;
  }
  /* line 272, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro {
    padding: 17.3vw 0 0 0;
  }
  /* line 274, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 278, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section {
    background: #b38d3b;
    -webkit-border-radius: 4vw;
    -moz-border-radius: 4vw;
    -ms-border-radius: 4vw;
    -o-border-radius: 4vw;
    border-radius: 4vw;
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 5vw 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9vw 0 7vw 0;
  }
  /* line 288, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section:nth-of-type(2) {
    margin: 0 0 5vw 0;
  }
  /* line 291, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 {
    float: left;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 6.2vw;
    margin: 0 0 4.5vw 0;
  }
  /* line 297, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 span {
    display: block;
    float: left;
    width: 100%;
  }
  /* line 300, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section h3 span.s {
    font-size: 0.8em;
    margin: 0 0 2vw 0;
  }
  /* line 306, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro section p {
    float: left;
    width: 100%;
    color: #434343;
    font-size: 3.6vw;
    line-height: 1.8;
    font-weight: 100;
  }
  /* line 314, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #b4b4b4;
    -webkit-border-radius: 4vw;
    -moz-border-radius: 4vw;
    -ms-border-radius: 4vw;
    -o-border-radius: 4vw;
    border-radius: 4vw;
    padding: 6vw 5% 6vw 5%;
    margin: 0 0 5vw 0;
  }
  /* line 323, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology .txt {
    float: left;
    line-height: 0;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  /* line 329, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology .txt2 {
    float: left;
    width: 100%;
    line-height: 0;
    margin: 0 0 8vw 0;
  }
  /* line 335, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#intro .technology small {
    float: left;
    width: 100%;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 2.1vw;
    line-height: 1.9;
    color: #434343;
  }
  /* line 344, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment {
    padding: 18vw 0 0 0;
  }
  /* line 346, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 350, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 {
    margin-bottom: 8vw;
  }
  /* line 352, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 span {
    white-space: nowrap;
  }
  /* line 355, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 .n {
    display: inline-block;
    width: auto;
    float: none;
    font-size: 0.25em;
    line-height: 1em;
    position: relative;
  }
  /* line 362, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 .n.u {
    top: -5vw;
  }
  /* line 365, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment h2 .n.b {
    display: block;
    margin: 4vw 0 0 0;
    font-size: 0.3em;
  }
  /* line 372, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment {
    float: left;
    width: 105%;
    margin: 0 0 5.6vw 0;
  }
  /* line 376, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2) {
    margin-left: -4%;
  }
  /* line 378, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2):before {
    -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 381, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2):after {
    -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 384, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(2) .box {
    float: right;
  }
  /* line 388, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:nth-of-type(3) {
    margin-bottom: 7vw;
  }
  /* line 391, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:before {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 2vw;
    background: url("../img/comment_top.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  /* line 400, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment:after {
    content: "";
    display: block;
    float: left;
    width: 100%;
    height: 4vw;
    background: url("../img/comment_btm.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: -1px 0 0 0;
  }
  /* line 410, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box {
    background: #ad8e58;
    float: left;
    width: 96%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2vw 7%;
    text-align: left;
    position: relative;
    margin: -1px 0 0 0;
  }
  /* line 420, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box .name {
    float: left;
    width: 100%;
    font-size: 2.6vw;
    line-height: 1;
    margin: 0 0 1.1vw 0;
    color: #434343;
  }
  /* line 427, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box .star {
    float: left;
    width: 100%;
    font-size: 2.6vw;
    line-height: 1;
    margin: 0 0 3vw 0;
    color: #434343;
  }
  /* line 434, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .comment .box .txt {
    float: left;
    width: 112%;
    position: relative;
    color: white;
    text-align: center;
    font-size: 4vw;
    line-height: 1.55;
    margin: 0 0 0 -4%;
    width: 108%;
  }
  /* line 447, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#comment .btn_area.r {
    margin-top: 2vw;
  }
  /* line 453, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award {
    padding: 17vw 0 0 0;
  }
  /* line 455, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .inner_b {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 459, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award h2 {
    margin-bottom: 7vw;
  }
  /* line 461, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award h2 .s {
    line-height: 1.3;
  }
  /* line 465, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .movie {
    float: left;
    width: 100%;
    width: 94%;
    margin: 0 0 0 3%;
  }
  /* line 469, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .movie a {
    display: block;
    line-height: 0;
    position: relative;
    margin: 0 0 7vw 0;
  }
  /* line 474, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#award .movie a span {
    position: absolute;
    width: 15.2%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 13vw;
    margin: auto;
  }
  /* line 488, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice {
    padding: 17vw 0 0 0;
  }
  /* line 490, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 494, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice h2 {
    margin-bottom: 18px;
  }
  /* line 497, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice .list {
    float: left;
    width: 100%;
    width: 102%;
    margin: 0 0 0 -1%;
  }
  /* line 502, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section {
    float: left;
    width: 100%;
    padding: 1.6vw 0 0 0;
    position: relative;
    margin-bottom: 11vw;
    overflow: visible;
  }
  /* line 509, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section:nth-child(odd) {
    clear: both;
  }
  /* line 512, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section:nth-child(even) {
    float: right;
  }
  /* line 515, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .lbl {
    background: #434343;
    color: white;
    display: block;
    float: left;
    padding: 0.8vw 0;
    font-size: 3.8vw;
    margin: 0 0 0 6.5%;
    width: 35.5%;
    position: relative;
    z-index: 3;
  }
  /* line 527, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section h3 {
    float: left;
    background: #ad8e58;
    color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding: 10.5vw 0 0 7%;
    margin: -4.6vw 0 0 0;
    width: 94%;
    height: 40vw;
    font-size: 4.2vw;
    line-height: 1.8;
  }
  /* line 541, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section h3.l3 {
    padding-top: 6.5vw;
  }
  /* line 545, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section figure {
    position: absolute;
    width: 35.3%;
    top: -3vw;
    right: 0;
    z-index: 5;
  }
  /* line 552, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name {
    float: right;
    width: 93%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ad8e58;
    background: white;
    position: relative;
    margin: -8vw 0 0 0;
    height: 13vw;
  }
  /* line 563, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ad8e58;
    position: absolute;
    top: 3.3vw;
    left: 0;
  }
  /* line 573, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name small {
    position: relative;
    float: right;
    display: block;
    background: white;
    color: #ad8e58;
    z-index: 10;
    font-size: 2.8vw;
    padding: 1.1vw 6vw 0 3%;
  }
  /* line 583, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .name p {
    float: right;
    clear: both;
    display: block;
    background: white;
    color: #ad8e58;
    font-size: 3.5vw;
    margin: 0.3vw 6.5% 0 0;
  }
  /* line 593, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#voice section .txt {
    float: right;
    line-height: 2;
    text-align: left;
    margin: 6vw 7% 0 0;
    width: 87%;
    font-size: 3.5vw;
    line-height: 2.2;
    color: #434343;
  }
  /* line 606, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod {
    padding: 6vw 0 0 0;
  }
  /* line 608, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .inner {
    width: 86%;
    margin: 0 0 0 7%;
  }
  /* line 612, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod {
    margin: 0 0 14vw 0;
    float: left;
    width: 100%;
  }
  /* line 615, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .sub {
    font-size: 44px;
    font-size: 5.86667vw;
    line-height: 1em;
    margin: 0 0 3vw 0;
    font-weight: 100;
    width: 100%;
    color: #b38d3b;
  }
  /* line 623, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .prod_ttl {
    font-weight: 100;
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 6vw;
    width: 100%;
    color: #b38d3b;
  }
  /* line 629, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .prod_ttl .s {
    font-size: 28px;
    font-size: 3.73333vw;
  }
  /* line 633, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 {
    margin-bottom: 11vw;
  }
  /* line 635, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 .detail {
    margin-bottom: 2vw;
  }
  /* line 638, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure {
    padding-top: 18vw;
  }
  /* line 640, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area {
    margin: 0 auto 0 auto;
  }
  /* line 642, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod.prod2 figure .img_area .ico {
    top: -21vw;
    right: -14vw;
    width: 52%;
  }
  /* line 650, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure {
    padding: 0 0 0 0;
    text-align: center;
    margin: 0 0 6.4vw 0;
    position: relative;
  }
  /* line 655, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area {
    position: relative;
    margin: 0 auto 7vw;
    padding: 9.5vw 0 0 0;
    width: 63%;
  }
  /* line 660, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .circle {
    line-height: 0;
  }
  /* line 663, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .capa {
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 1em;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 4.2vw;
    color: #b38d3b;
  }
  /* line 672, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .ico {
    position: absolute;
    top: -4vw;
    right: -15vw;
    width: 38%;
  }
  /* line 678, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod figure .img_area .img {
    position: absolute;
    bottom: 11vw;
    left: 14%;
    width: 73%;
    line-height: 0;
    z-index: 10;
  }
  /* line 688, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail {
    float: left;
    width: 88%;
    margin: 0 0 0 6%;
    text-align: left;
    color: #b38d3b;
  }
  /* line 694, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .name {
    font-size: 26px;
    font-size: 3.46667vw;
    line-height: 1em;
    text-align: center;
    margin: 0 0 6vw 0;
  }
  /* line 700, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt {
    float: left;
    width: 100%;
  }
  /* line 702, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p {
    font-size: 3.6vw;
    letter-spacing: 0vw;
    text-align: left;
    line-height: 7vw;
    margin: 0 0 7vw 0;
  }
  /* line 708, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .detail .txt p.notice {
    color: #343434;
    font-size: 18px;
    font-size: 2.4vw;
    letter-spacing: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 717, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area {
    float: left;
    width: 100%;
  }
  /* line 719, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 {
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 1em;
    color: #434343;
    margin: 0 0 7vw 0;
  }
  /* line 724, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area h3 .ico {
    width: 15px;
    display: inline-block;
  }
  /* line 729, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul {
    float: left;
    width: 100%;
    margin: 0 0 0 6%;
    width: 88%;
  }
  /* line 733, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li {
    margin: 0 0 2.6vw 0;
  }
  /* line 735, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    border-radius: 1px;
    border: 1px solid #b38d3b;
    height: 16vw;
  }
  /* line 742, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .t {
    position: absolute;
    left: 26%;
    width: 47%;
    top: 3vw;
  }
  /* line 748, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li a .i {
    position: absolute;
    width: 2%;
    bottom: 1.3vw;
    right: 3.5%;
    line-height: 0;
  }
  /* line 756, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .shop_area ul li:last-child {
    margin: 0;
  }
  /* line 762, ../../src/page/top/css/_sp.scss */
  body #wrapper #main .mask_page#prod .prod .btn_area {
    width: 92%;
  }
  /* line 769, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup {
    background: #f8e9c9;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f8e9c9 0%, #f6c462 41%, #ea910a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8e9c9', endColorstr='#ea910a',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
  }
  /* line 777, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2 {
    font-size: 48px;
    font-size: 6.4vw;
    line-height: 1.7em;
    color: #f1cb89;
  }
  /* line 781, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2.cir {
    display: inline-block;
    position: relative;
  }
  /* line 784, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2.cir:after {
    content: '';
    display: block;
    position: absolute;
    width: 27vw;
    height: 27vw;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    z-index: -1;
    right: -5vw;
  }
  /* line 799, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    position: relative;
    width: 70%;
    line-height: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
  /* line 806, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2vw;
    padding: 1.5px;
    box-sizing: border-box;
    overflow: hidden;
    background: #d9a000;
  }
  /* line 818, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .t {
    display: block;
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 1.5vw;
    line-height: 11vw;
    position: relative;
    z-index: 1;
    font-size: 28px;
    font-size: 3.73333vw;
    color: #b38d3b;
  }
  /* line 830, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn .arw {
    position: absolute;
    z-index: 1;
    top: 5.5vw;
    right: 7%;
    width: 16%;
  }
  /* line 837, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area .btn:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    -webkit-animation: btn_anim 5s linear infinite;
    -moz-animation: btn_anim 5s linear infinite;
    animation: btn_anim 5s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    top: 0;
    left: 0;
    background: #d99f00;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #d99f00 0%, #866301 50%, #ffe785 57%, #d99f00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d99f00', endColorstr='#d99f00',GradientType=0 );
  }
  /* line 857, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner {
    padding: 6.5vw 0 5vw 0;
  }
  /* line 859, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2 {
    font-weight: 100;
    line-height: 1em;
    color: #a31f25;
    font-size: 34px;
    font-size: 4.53333vw;
    margin: 0 0 4vw 0;
  }
  /* line 865, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner h2:before {
    display: none;
  }
  /* line 869, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner figure {
    width: 60%;
    margin: 0 auto;
    position: relative;
    line-height: 0;
  }
  /* line 874, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner figure span {
    position: absolute;
    opacity: 0.6;
    line-height: 0;
    width: 867px;
    top: 146px;
    left: -234px;
  }
  /* line 883, ../../src/page/top/css/_sp.scss */
  body #wrapper #main section#lineup .inner .btn_area {
    margin-top: -9vw;
  }
  /* line 893, ../../src/page/top/css/_sp.scss */
  body .float_panel {
    z-index: 10002;
    width: 89.6%;
    position: absolute;
    top: 1.5vw;
    right: 0;
    left: 0;
    margin: auto;
  }
  /* line 902, ../../src/page/top/css/_sp.scss */
  body .float_panel > a {
    width: 6.9%;
    position: absolute;
    line-height: 0;
    right: 0;
    top: 0;
  }
  /* line 909, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner {
    width: 88%;
    margin: 0 6%;
    padding: 8.6vw 0 0 0;
    text-align: center;
  }
  /* line 914, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .sub {
    float: left;
    width: 100%;
    color: white;
    font-size: 4.1vw;
    margin: 0 0 8vw 0;
  }
  /* line 920, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box {
    float: left;
    width: 100%;
    width: 112%;
    margin: 0 0 0 -6%;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 928, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box .ttl {
    float: left;
    width: 100%;
    width: 100%;
    background: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d5ac33;
    color: #b59968;
    text-align: center;
    font-size: 4.6vw;
    height: 19vw;
    line-height: 1.4;
    margin: -6vw 0 8vw 7%;
    width: 86%;
    padding: 3vw 0 0 0;
  }
  /* line 945, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol {
    float: left;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 7%;
  }
  /* line 952, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  /* line 963, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .num {
    float: left;
    width: 100%;
    margin: 0 0 3vw 0;
  }
  /* line 966, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .num .n {
    display: block;
    float: left;
    background: #434343;
    color: white;
    text-align: center;
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    font-size: 3vw;
  }
  /* line 977, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .num .t {
    display: block;
    float: left;
    font-size: 3.7vw;
    position: relative;
    top: 0.3vw;
    left: 3vw;
  }
  /* line 986, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .txt {
    float: left;
    width: 100%;
    margin: 0 0 18px 0;
    text-align: left;
  }
  /* line 990, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .txt p {
    font-size: 3.4vw;
    line-height: 1.7;
    margin: 0 0 2vw 0;
    text-align: left;
  }
  /* line 995, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li .txt p span {
    font-size: 0.7em;
    vertical-align: top;
  }
  /* line 1001, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li small {
    float: left;
    width: 100%;
    font-size: 2vw;
    line-height: 1.5;
    text-align: center;
    text-align: left;
  }
  /* line 1008, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .box ol li figure {
    float: left;
    width: 100%;
    margin: 0 0 4.8vw 0;
  }
  /* line 1015, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .close {
    font-size: 33px;
    font-size: 4.4vw;
    font-weight: 100;
    color: #b38d3b;
    display: inline-block;
  }
  /* line 1020, ../../src/page/top/css/_sp.scss */
  body .float_panel .inner .close .ico {
    display: inline-block;
    width: 16%;
    line-height: 0;
  }
  /* line 1029, ../../src/page/top/css/_sp.scss */
  body .float_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10001;
    background: #b59968;
  }
  /* line 1038, ../../src/page/top/css/_sp.scss */
  body #reel {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
  }
  /* line 1047, ../../src/page/top/css/_sp.scss */
  body #reel .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    float: left;
    top: 0;
    left: 0;
    z-index: 5;
    cursor: pointer;
  }
  /* line 1058, ../../src/page/top/css/_sp.scss */
  body #reel .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 607.5px;
    z-index: 10;
  }
  /* line 1068, ../../src/page/top/css/_sp.scss */
  body #reel .inner i {
    float: right;
    font-size: 2em;
    margin: 0 0 1em 0;
  }
  /* line 1073, ../../src/page/top/css/_sp.scss */
  body #reel .inner iframe {
    width: 100%;
    height: 607.5px;
    float: left;
  }
  /* line 1079, ../../src/page/top/css/_sp.scss */
  body #reel .close {
    width: 47.5px;
    height: 47.5px;
    float: right;
    position: absolute;
    text-align: center;
    cursor: pointer;
    top: -37px;
    right: -13px;
    z-index: 5003;
  }
  /* line 1091, ../../src/page/top/css/_sp.scss */
  body #reel .close .bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 1097, ../../src/page/top/css/_sp.scss */
  body #reel .close .bar span {
    background: #b38d3b;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 11px;
    content: "";
    margin: -12px 0 0 0;
    transition: 2s;
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 7px);
  }
  /* line 1115, ../../src/page/top/css/_sp.scss */
  body #reel .close .bar:after {
    background: #b38d3b;
    width: 25px;
    height: 2px;
    float: left;
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    content: "";
    margin: 8px 0 0 0;
    transition: 2s;
    -webkit-transform: rotate(-45deg) translate(6px, -8px);
    -moz-transform: rotate(-45deg) translate(6px, -8px);
    -ms-transform: rotate(-45deg) translate(6px, -8px);
    -o-transform: rotate(-45deg) translate(6px, -8px);
    transform: rotate(-45deg) translate(6px, -8px);
  }
  /* line 1134, ../../src/page/top/css/_sp.scss */
  body #reel .close .t {
    display: inline-block;
    position: absolute;
    top: 57px;
    left: 25px;
  }
}

#technology-area {
    margin-bottom: 10.6666666667%;
  }
  #technology-area .section-inner {
    width: 89.3333333333%;
    margin: 0 auto;
    text-align: center;
    background: #FFF;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border: #d6b43c 1px solid;
  }
  #technology-area .section-inner h2 {
    text-align: center;
    color: #d6b43c;
    font-weight: normal;
    letter-spacing: 0.2rem;
    margin-top: 8.9552238806%;
    margin-bottom: 8.9552238806%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner h2 {
    font-size: 17.7777777778px;
    font-size: 4.2666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner h2 {
    font-size: 20px;
    font-size: 4.2666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner h2 {
    font-size: 26.6666666667px;
    font-size: 4.2666666667vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner h2 p {
    display: block;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner h2 p {
    font-size: 22.2222222222px;
    font-size: 5.3333333333vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner h2 p {
    font-size: 25px;
    font-size: 5.3333333333vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner h2 p {
    font-size: 33.3333333333px;
    font-size: 5.3333333333vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner h3 {
    width: 82.0895522388%;
    margin: 0 auto;
  }
  #technology-area .section-inner .inner h3 .num {
    vertical-align: top;
    display: block;
    text-align: center;
    border: #242424 1px solid;
    line-height: 0.8;
    width: 11.6363636364%;
    padding: 3.6363636364% 0;
    margin: 0 auto 5.4545454545%;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner .inner h3 .num {
    font-size: 16.6666666667px;
    font-size: 4vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner .inner h3 .num {
    font-size: 18.75px;
    font-size: 4vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner .inner h3 .num {
    font-size: 25px;
    font-size: 4vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner h3 p {
    vertical-align: top;
    text-align: center;
    color: #242424;
    margin-bottom: 4.5454545455%;
    line-height: 1.4;
    letter-spacing: 0.2rem;
    font-weight: normal;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner .inner h3 p {
    font-size: 16.6666666667px;
    font-size: 4vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner .inner h3 p {
    font-size: 18.75px;
    font-size: 4vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner .inner h3 p {
    font-size: 25px;
    font-size: 4vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner h3 p span {
    vertical-align: top;
    position: relative;
    top: -0.1rem;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner .inner h3 p span {
    font-size: 11.1111111111px;
    font-size: 2.6666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner .inner h3 p span {
    font-size: 12.5px;
    font-size: 2.6666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner .inner h3 p span {
    font-size: 16.6666666667px;
    font-size: 2.6666666667vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner h3.num2,
  #technology-area .section-inner .inner h3.num3 {
    border-top: 1px solid #efefef;
    padding-top: 10.1492537313%;
    margin-top: 8.9552238806%;
  }
  #technology-area .section-inner .inner .wrap .inner {
    padding: 0;
  }
  #technology-area .section-inner .inner {
    width: 91.0447761194%;
    /* margin: 0 auto; */
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner .inner p {
    font-size: 14.4444444444px;
    font-size: 3.4666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner .inner p {
    font-size: 16.25px;
    font-size: 3.4666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner .inner p {
    font-size: 21.6666666667px;
    font-size: 3.4666666667vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner .text,
  #technology-area .section-inner .inner .note {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.8;
    width: 86.5671641791%;
    margin: 0 auto 2.9850746269%;
  }
  #technology-area .section-inner .inner .text span,
  #technology-area .section-inner .inner .note span {
    vertical-align: top;
    position: relative;
    top: 0.1rem;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner .inner .text span,
  #technology-area .section-inner .inner .note span {
    font-size: 11.1111111111px;
    font-size: 2.6666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner .inner .text span,
  #technology-area .section-inner .inner .note span {
    font-size: 12.5px;
    font-size: 2.6666666667vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner .inner .text span,
  #technology-area .section-inner .inner .note span {
    font-size: 16.6666666667px;
    font-size: 2.6666666667vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner .note {
    text-align: right;
    font-weight: normal;
    margin-bottom: 7.4626865672%;
  }
}

@media all and (max-width: 758px) and (max-width: 420px) {
  #technology-area .section-inner .inner .note {
    font-size: 12.2222222222px;
    font-size: 2.9333333333vw;
  }
}

@media all and (max-width: 758px) and (min-width: 421px) {
  #technology-area .section-inner .inner .note {
    font-size: 13.75px;
    font-size: 2.9333333333vw;
  }
}

@media all and (max-width: 758px) and (min-width: 601px) {
  #technology-area .section-inner .inner .note {
    font-size: 18.3333333333px;
    font-size: 2.9333333333vw;
  }
}

@media all and (max-width: 758px) {
  #technology-area .section-inner .inner .image-area {
    line-height: 0;
  }
  #technology-area .section-inner .inner .image-area img {
    width: 100%;
  }
  #technology-area .section-inner .inner1 {
    padding-bottom: 5.9701492537%;
  }
  #technology-area .section-inner .inner2 .image-area {
    background: url("../img/component-pc.jpg") top left no-repeat;
    background-size: contain;
    width: 147.540983607%;
    padding-top: 134.328358209%;
    margin-left: -17.1641791045%;
  }
}
@media all and (min-width: 759px) {
  #technology-area {
    margin-bottom: 50px;
  }
  #technology-area .section-inner {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    background: #FFF;
    position: relative;
    margin: 0 auto;
    border: #d6b43c 1px solid;
  }
  #technology-area .section-inner h2 {
    text-align: center;
    color: #d6b43c;
    font-weight: normal;
    letter-spacing: 0.2em;
    margin-top: 40px;
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 20px;
    font-size: 2.0em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #technology-area .section-inner h2 p {
    display: block;
    letter-spacing: 0.1em;
    font-size: 20px;
    font-size: 2.0em;
  }
  #technology-area .section-inner h3 .num {
    vertical-align: top;
    display: block;
    text-align: center;
    border: #242424 1px solid;
    line-height: 0.8;
    width: 32px;
    padding: 10px 0;
    margin: 0 auto 25px;
    font-size: 15px;
    font-size: 1.5em;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #technology-area .section-inner h3 p {
    vertical-align: top;
    font-size: 15px;
    font-size: 1.5em;
    text-align: center;
    color: #242424;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  #technology-area .section-inner h3 p span {
    font-size: 12px;
    font-size: 1.2em;
    vertical-align: top;
    position: relative;
    top: -0.1rem;
  }
  #technology-area .section-inner .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px;
  }
  #technology-area .section-inner .inner {
    width: 280px;
    margin: 0;
    padding: 15px 15px 0 15px !important;
  }
  #technology-area .section-inner .inner > p {
    font-size: 14px;
    font-size: 1.4em;
    line-height: 1.7;
    letter-spacing: 0.02em;
    font-weight: normal;
    color: #242424;
    margin-bottom: 15px;
  }
  #technology-area .section-inner .inner > p span {
    font-size: 10px;
    font-size: 1.0em;
    vertical-align: top;
    position: relative;
    top: 0;
  }
  #technology-area .section-inner .inner .note {
    font-size: 10px;
    font-size: 1.0em;
    text-align: right;
    font-weight: normal;
  }
  #technology-area .section-inner .inner .image-area {
    line-height: 0;
  }
  #technology-area .section-inner .inner img {
    width: 100%;
  }
  #technology-area .section-inner .inner1 .image-area {
    width: 112%;
    -ms-transform: translate(-25px, 0);
    -webkit-transform: translate(-25px, 0);
    transform: translate(-25px, 0);
  }
  #technology-area .section-inner .inner2 {
    width: 280px;
    border-left: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
  }
  #technology-area .section-inner .inner2 .image-area {
    background: url("../img/component-pc.jpg") top left no-repeat;
    background-size: contain;
    padding-top: 288px;
  }
}