{"version":3,"sourceRoot":"","sources":["kaiko.scss","../../_sass/mixin/elements.scss"],"names":[],"mappings":"CAMA,UAEI,qBACA,iBCuDF,sBDtDuB,ICuDvB,mBDvDuB,ICwDvB,cDxDuB,IC0CvB,4CACA,yCACA,oCDzCM,mBACA,wBCgHN,oDACA,iDACA,4CDhHU,aACA,iCAGR,aACI,WAEJ,0BAEI,6BCuCN,sBDtCuB,ICuCvB,mBDvCuB,ICwCvB,cDxCuB,IAErB,aACI,eAEJ,aACI,eAEJ,aACI,iBACA,eAEJ,oDAII,WACA,YAGJ,YACI,WACA,YAKJ,iBAEI,eACA,cACA,iBAEJ,sBACE,cAKF,kBACI,UAEJ,iBACI,2BAEJ,sBACI,SACA,UAGA,mCACI,YAEJ,0CACI,WAGA,gEACI,mBAGR,mCACI,kBAIR,mBACI,SACA,UAEJ,+BACI,2BACA,iBACA,kBAEJ,+BACI,SACA,UACA,SACA,OACA,WACA,kBACA,kCACI,SACA,UACA,cAGR,4BAEI,0BACA,SACA,UACA,OACA,QACA,oCACA,8BACI,WACA,UAEJ,8BACE,uBACA,sBAGN,mCACI,aACA,cAEJ,sCACI,cACA,SACA,UAGJ,sCACI,cACA,gBAEJ,0CCjFF,sBDkFuB,ICjFvB,mBDiFuB,IChFvB,cDgFuB,IC9FvB,8CACA,2CACA,sCD8FM,WACA,YACA,sBAEJ,4CACI,cACA,WACA,YAEJ,gDACI,gCAGA,0DAGI,aACQ,+BAGZ,6BACI,gBACA,cAEJ,0DAEI,WACA,UAEJ,6BACI,kBAEJ,8BACE,gBACA,gBACA,gBAKJ,qBACE,+BAEA,UAEA,oBACI,gBACA,SACA,UACA,cAEJ,6BACI,gBACA,kBAEJ,qBACI,0BACA,kBACA,iBAEJ,8BACI,UACA,WAGR,mBACI,kBACA,kBACA,WACA,UAEJ,mBAEI,cACA,WACA,UAEJ,gBACI,qBACA,WACA,kBACA,sBAOA,uBACI,WACA,UACA,cACA,iBAEJ,+BACI,UACA,kBACA,iBACA,WACA,UAEJ,iCACI,YAOJ,wBACI,iBACA,oBAEJ,4BACI,eACA,iBAEJ,sBACI,gBAGR,0BACI,WACA,aAGA,oBACI,gBACA,iBAEJ,uBACI,WACA,YAEJ,0BACI,YAGR,yBACI,eACA,iBAEJ,gCACI,eACA,YACA,qBACA,oBACA,mBACA,oBACA,sBACA,gBAEJ,+BACI,qBAGA,6BACI,eACA,gBAEJ,6BACI,gBACA,kBAGR,qBACI,iBACA,kBACA,aACA,gCACI,iBACA,kBAEJ,uBACI,SACA,UAOZ,aACE,+BAED,aACI,cACA,YACA,YAEJ,mBACD,kBACA,kBAEC,aACI,qBAGJ,aC1RC,sBD2RoB,IC1RpB,mBD0RoB,ICzRpB,cDyRoB,ICvSpB,8CACA,2CACA,sCDuSG,WAEA,YAEA,sBAKJ,eACI,cACA,WACA,YACA,SACA,UAGJ,mBACI,gCACA,SACA,UAKL,yBAEQ,8BACE,mBACE,uBACA,gCACA,WAIJ,6BACE,mBACD,kBACA,kBACA,cAED,oBACE,mBACA,eAiBV,yBAEQ,wCACI,8BACA,mDACI,oBAEJ,0DACI","sourcesContent":["//@import \"site/paper.scss\";\r\n@import \"mixin/elements.scss\";\r\n\r\n\r\n\r\n\r\n#contents {\r\n    //    background-color: #fff!important;\r\n    padding: 0 !important;\r\n    .paper {\r\n        @include rounded(2px);\r\n        //    @include box-shadow();\r\n        @include drop-shadow(0,2px,5px,0.1);\r\n        margin: 0 4px 4px 0;\r\n        .inner {\r\n            @include inner-shadow(0,1px,15px,0.02);\r\n            padding: 10px;\r\n            background-color: #fff!important;\r\n        }\r\n    }\r\n    h1 {\r\n        margin: 5px;\r\n    }\r\n    h2,\r\n    h3 {\r\n        text-align: center!important; //        font-weight: normal!important;\r\n        @include rounded(4px);\r\n    }\r\n    h3 {\r\n        font-size: 108%;\r\n    }\r\n    h4 {\r\n        font-size: 105%;\r\n    }\r\n    h5 {\r\n        font-weight: bold;\r\n        font-size: 102%;\r\n    }\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5 {\r\n        margin: 5px;\r\n        padding: 5px;\r\n    }\r\n\r\n    p {\r\n        margin: 5px;\r\n        padding: 5px;\r\n    }\r\n    .row .col-xs-12 {\r\n        //        padding: 5px;\r\n    }\r\n    .ehime {\r\n        //        background-color: #ffe283!important;\r\n        font-size: 110%;\r\n        color: #f08100;\r\n        font-weight: bold;\r\n    }\r\n    .yousantext{\r\n      font-size: 85%;\r\n    }\r\n    .souryou {\r\n\r\n    }\r\n    .hanbai {\r\n        color: red;\r\n    }\r\n    .panel {\r\n        margin: 10px 5px !important; //        padding: 5px;\r\n    }\r\n    .panel-body {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .kaiko-header {\r\n        .animation {\r\n            margin: 10px;\r\n        }\r\n        .animation iframe {\r\n            width: 100%;\r\n        }\r\n        .embed-responsive {\r\n            &.embed-responsive-slim {\r\n                padding-bottom: 20%;\r\n            }\r\n        }\r\n        .anime-img {\r\n            text-align: center;\r\n        }\r\n        //        text-align: center;\r\n    }\r\n    .car-col {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    #carousel-kaikophoto {\r\n        max-width: 300px!important;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    .carousel-indicators {\r\n        margin: 0;\r\n        padding: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        text-align: center;\r\n        li {\r\n            margin: 0;\r\n            padding: 0;\r\n            *display: none;\r\n        }\r\n    }\r\n    .carousel-caption {\r\n        //        color: inherit;\r\n        font-size: 103%!important; //        font-weight: bold;\r\n        margin: 0;\r\n        padding: 0; //        width: 300px;\r\n        left: 0;\r\n        right: 0;\r\n        background-color: rgba(39, 39, 39, 0.47);\r\n        p {\r\n            margin: 2px;\r\n            padding: 0;\r\n        }\r\n        a{\r\n          border: none!important;\r\n          color:white!important\r\n        }\r\n    }\r\n    .kaiko-header .recomment {\r\n        margin: 5px 0;\r\n        *margin: 1px 0;\r\n    }\r\n    .kaiko-header .recomment ul {\r\n        display: block;\r\n        margin: 0;\r\n        padding: 0;\r\n        //    padding: 0px;\r\n    }\r\n    .kaiko-header .recomment li {\r\n        display: block;\r\n        *width: 24.8888%;\r\n    }\r\n    .kaiko-header .recomment li div {\r\n        @include rounded(5px);\r\n        @include drop-shadow(0px,1px,1px,0.2);\r\n        margin: 2px;\r\n        padding: 5px;\r\n        background-color: white;\r\n    }\r\n    .kaiko-header .recomment li div a {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .kaiko-header .recomment li div a img {\r\n        display: inline-block !important;\r\n    }\r\n    .kaiko-pagelist {\r\n        h2,\r\n        h3 {\r\n            //        margin: 0px!important;\r\n            padding: 0.3em;\r\n                    background-color: transparent;\r\n\r\n        }\r\n        ul {\r\n            list-style: none;\r\n            font-size: 85%;\r\n        }\r\n        li,\r\n        ul {\r\n            margin: 2px;\r\n            padding: 0;\r\n        }\r\n        li {\r\n            text-align: center;\r\n        }\r\n        div{\r\n          min-height: 10em;\r\n          max-height: 10em;\r\n          overflow: hidden;\r\n        }\r\n    }\r\n\r\n    .nagare {\r\n      h3{\r\n        background-color: transparent;\r\n        // margin: 0;\r\n        padding: 0;\r\n      }\r\n        p {\r\n            text-align: left;\r\n            margin: 0;\r\n            padding: 0;\r\n            font-size: 90%;\r\n        }\r\n        .nagareimg {\r\n            min-height: 80px;\r\n            text-align: center;\r\n        }\r\n        h4 {\r\n            font-size: 100%!important;\r\n            text-align: center;\r\n            font-weight: bold;\r\n        }\r\n        .nagareitem {\r\n            width: 20%;\r\n            float: left;\r\n        }\r\n    }\r\n    .img-col {\r\n        text-align: center;\r\n        padding: 0 5px 0 0;\r\n        *padding: 0;\r\n        *margin: 0;\r\n    }\r\n    .pro-col {\r\n        //        margin: 5px;\r\n        padding: 5px 0;\r\n        *padding: 0;\r\n        *margin: 0;\r\n    }\r\n    .pimg {\r\n        display: inline-block;\r\n        margin: 5px;\r\n        text-align: center;\r\n        vertical-align: middle;\r\n    }\r\n    .products-list {\r\n        //        margin: 5px!importnat;\r\n        //        padding: 5px!important;\r\n    }\r\n    .kaiko-set {\r\n        p {\r\n            margin: 2px;\r\n            padding: 0;\r\n            font-size: 90%;\r\n            font-weight: bold;\r\n        }\r\n        .item-col {\r\n            padding: 0;\r\n            text-align: center;\r\n            min-height: 105px;\r\n            *padding: 0;\r\n            *margin: 0;\r\n        }\r\n        .panel-body {\r\n            padding: 5px;\r\n        }\r\n    }\r\n    .syouhin {\r\n        //        border: 1px solid gray;\r\n        //        @include rounded(5px);\r\n        //        margin: 5px 5px;\r\n        form {\r\n            text-align: right;\r\n            margin: 5px 5px 10px;\r\n        }\r\n        .kounyuu {\r\n            font-size: 110%;\r\n            font-weight: bold;\r\n        }\r\n        h3 {\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n    .kaiko-hassoubi {\r\n        width: 100%;\r\n        margin: 5px 0;\r\n    }\r\n    .siiku {\r\n        h4 {\r\n            text-align: left;\r\n            font-weight: bold;\r\n        }\r\n        table {\r\n            margin: 5px;\r\n            padding: 5px;\r\n        }\r\n        .youtube {\r\n            margin: 0.5em; //            display: inline-block;\r\n        }\r\n    }\r\n    .kaikopageback {\r\n        font-size: 100%;\r\n        font-weight: bold;\r\n    }\r\n    .kaikopageback:before {\r\n        font-size: 200%;\r\n        content: '\\E133';\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n        font-weight: normal;\r\n        letter-spacing: 0.2em;\r\n        vertical-align: middle;\r\n        line-height: 1em;\r\n    }\r\n    .kaikopageback:hover {\r\n        text-decoration: none;\r\n    }\r\n    .smartphonemenu {\r\n        dt {\r\n            font-size: 110%;\r\n            margin-left: 1em;\r\n        }\r\n        dd {\r\n            margin-left: 2em;\r\n            margin-bottom: 1em;\r\n        }\r\n    }\r\n    .kaikomenu {\r\n        font-weight: bold;\r\n        text-align: center;\r\n        margin: 5px 0;\r\n        .btn-group {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        p {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n    }\r\n}\r\n\r\n.kaikomov{\r\n\r\nh3{\r\n  background-color: transparent;\r\n}\r\n ul{\r\n     display: block;\r\n     margin: auto;\r\n     padding: 0px;\r\n //    padding: 0px;\r\n white-space: nowrap;\r\noverflow-x: scroll;\r\noverflow-y: hidden;\r\n }\r\n li{\r\n     display: inline-block;;\r\n\r\n }\r\n li {\r\n     @include rounded(5px);\r\n     @include drop-shadow(0px,1px,1px,0.2);\r\n     margin: 2px;\r\n\r\n     padding: 5px;\r\n\r\n     background-color: white;\r\n\r\n\r\n }\r\n\r\n li  a{\r\n     display: block;\r\n     width: 100%;\r\n     height: 100%;\r\n     margin: 0;\r\n     padding: 0;\r\n }\r\n\r\n li  a img{\r\n     display: inline-block !important;\r\n     margin: 0;\r\n     padding: 0;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    #contents .nagare {\r\n        .nagareitem {\r\n          vertical-align: top;\r\n            width: 150px!important;\r\n            display: inline-block!important;\r\n            float: none;\r\n             //        height: 200px;\r\n            //        overflow-y: scroll;\r\n        }\r\n        .nagarerow{\r\n          white-space: nowrap;\r\n         overflow-x: scroll;\r\n         overflow-y: hidden;\r\n         display: block;\r\n        }\r\n        p{\r\n          white-space: normal;\r\n          display: block;\r\n        }\r\n        // .nagarecol {\r\n        //     // *zoom: 1;\r\n        //\r\n        // }\r\n        // .nagarecol:after,\r\n        // .nagarecol:before {\r\n        //     content: \"\";\r\n        //     display: block;\r\n        //     overflow: hidden;\r\n        // }\r\n        // .nagarecol:after {\r\n        //     clear: both;\r\n        // }\r\n    }\r\n}\r\n@media (max-width: 767px) {\r\n    .embed-responsive {\r\n        &.embed-responsive-slim {\r\n            padding-bottom: 30% !important;\r\n            .animation {\r\n                margin: 0 !important;\r\n            }\r\n            .animation iframe {\r\n                width: 100%;\r\n            }\r\n        }\r\n    }\r\n}\r\n","/*---------------------------------------------------\r\n    LESS Elements 0.9\r\n  ---------------------------------------------------\r\n    A set of useful LESS mixins\r\n    More info at: //lesselements.com\r\n  ---------------------------------------------------*/\r\n\r\n// @mixin gradient($color: #F5F5F5, $start: #EEE, $stop: #FFF)\r\n// {\r\n//   background: $color;\r\n//   background: -webkit-gradient(linear,\r\n//                                left bottom,\r\n//                                left top,\r\n//                                color-stop(0, $start),\r\n//                                color-stop(1, $stop));\r\n//   background: -ms-linear-gradient(bottom,\r\n//                                   $start,\r\n//                                   $stop);\r\n//   background: -moz-linear-gradient(center bottom,\r\n//                                    $start 0%,\r\n//                                    $stop 100%);\r\n//   background: -o-linear-gradient($stop,\r\n//                                  $start);\r\n//   filter: e(%(\"progid:DXImageTransform.Microsoft@include gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",$stop,$start));\r\n// }\r\n// @mixin bw-gradient($color: #F5F5F5, $start: 0, $stop: 255)\r\n// {\r\n//   background: $color;\r\n//   background: -webkit-gradient(linear,\r\n//                                left bottom,\r\n//                                left top,\r\n//                                color-stop(0, rgb($start,$start,$start)),\r\n//                                color-stop(1, rgb($stop,$stop,$stop)));\r\n//   background: -ms-linear-gradient(bottom,\r\n//                                   rgb($start,$start,$start) 0%,\r\n//                                   rgb($stop,$stop,$stop) 100%);\r\n//   background: -moz-linear-gradient(center bottom,\r\n//                                    rgb($start,$start,$start) 0%,\r\n//                                    rgb($stop,$stop,$stop) 100%);\r\n//   background: -o-linear-gradient(rgb($stop,$stop,$stop),\r\n//                                  rgb($start,$start,$start));\r\n//   filter: e(%(\"progid:DXImageTransform.Microsoft@include gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",rgb($stop,$stop,$stop),rgb($start,$start,$start)));\r\n// }\r\n// @mixin bordered($top-color: #EEE, $right-color: #EEE, $bottom-color: #EEE, $left-color: #EEE)\r\n// {\r\n//   border-top: solid 1px $top-color;\r\n//   border-left: solid 1px $left-color;\r\n//   border-right: solid 1px $right-color;\r\n//   border-bottom: solid 1px $bottom-color;\r\n// }\r\n@mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: 0.1)\r\n{\r\n  -webkit-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\r\n  -moz-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\r\n  box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\r\n}\r\n@mixin drop-shadow-w($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: 0.1)\r\n{\r\n  -webkit-box-shadow: $x-axis $y-axis $blur rgba(255, 255, 255, $alpha);\r\n  -moz-box-shadow: $x-axis $y-axis $blur rgba(255, 255, 255, $alpha);\r\n  box-shadow: $x-axis $y-axis $blur rgba(255, 255, 255, $alpha);\r\n}\r\n@mixin rounded($radius: 2px)\r\n{\r\n  -webkit-border-radius: $radius;\r\n  -moz-border-radius: $radius;\r\n  border-radius: $radius;\r\n}\r\n// @mixin border-radius($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0)\r\n// {\r\n//   -webkit-border-top-right-radius: $topright;\r\n//   -webkit-border-bottom-right-radius: $bottomright;\r\n//   -webkit-border-bottom-left-radius: $bottomleft;\r\n//   -webkit-border-top-left-radius: $topleft;\r\n//   -moz-border-radius-topright: $topright;\r\n//   -moz-border-radius-bottomright: $bottomright;\r\n//   -moz-border-radius-bottomleft: $bottomleft;\r\n//   -moz-border-radius-topleft: $topleft;\r\n//   border-top-right-radius: $topright;\r\n//   border-bottom-right-radius: $bottomright;\r\n//   border-bottom-left-radius: $bottomleft;\r\n//   border-top-left-radius: $topleft;\r\n//   @include background-clip(padding-box);\r\n// }\r\n// @mixin opacity($opacity: 0.5)\r\n// {\r\n//   -moz-opacity: $opacity;\r\n//   -khtml-opacity: $opacity;\r\n//   -webkit-opacity: $opacity;\r\n//   opacity: $opacity;\r\n//   $opperc: $opacity * 100;\r\n//   -ms-filter: #{\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\"};\r\n//   filter: #{\"alpha(opacity=${opperc})\"};\r\n// }\r\n// @mixin transition-duration($duration: 0.2s)\r\n// {\r\n//   -moz-transition-duration: $duration;\r\n//   -webkit-transition-duration: $duration;\r\n//   -o-transition-duration: $duration;\r\n//   transition-duration: $duration;\r\n// }\r\n// @mixin transform(...)\r\n// {\r\n//   -webkit-transform: $arguments;\r\n//   -moz-transform: $arguments;\r\n//   -o-transform: $arguments;\r\n//   -ms-transform: $arguments;\r\n//   transform: $arguments;\r\n// }\r\n// @mixin rotation($deg:5deg)\r\n// {\r\n//   @include transform(rotate($deg));\r\n// }\r\n// @mixin scale($ratio:1.5)\r\n// {\r\n//   @include transform(scale($ratio));\r\n// }\r\n// @mixin transition($duration:0.2s, $ease:ease-out)\r\n// {\r\n//   -webkit-transition: all $duration $ease;\r\n//   -moz-transition: all $duration $ease;\r\n//   -o-transition: all $duration $ease;\r\n//   transition: all $duration $ease;\r\n// }\r\n@mixin inner-shadow($horizontal:0, $vertical:1px, $blur:2px, $alpha: 0.4)\r\n{\r\n  -webkit-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\r\n  -moz-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\r\n  box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\r\n}\r\n@mixin inner-shadow-w($horizontal:0, $vertical:1px, $blur:2px, $alpha: 0.4)\r\n{\r\n  -webkit-box-shadow: inset $horizontal $vertical $blur rgba(255, 255, 255, $alpha);\r\n  -moz-box-shadow: inset $horizontal $vertical $blur rgba(255, 255, 255, $alpha);\r\n  box-shadow: inset $horizontal $vertical $blur rgba(255, 255, 255, $alpha);\r\n}\r\n// @mixin box-shadow($arguments)\r\n// {\r\n//   -webkit-box-shadow: $arguments;\r\n//   -moz-box-shadow: $arguments;\r\n//   box-shadow: $arguments;\r\n// }\r\n// @mixin box-sizing($sizing: border-box)\r\n// {\r\n//   -ms-box-sizing: $sizing;\r\n//   -moz-box-sizing: $sizing;\r\n//   -webkit-box-sizing: $sizing;\r\n//   box-sizing: $sizing;\r\n// }\r\n// @mixin user-select($argument: none)\r\n// {\r\n//   -webkit-user-select: $argument;\r\n//   -moz-user-select: $argument;\r\n//   -ms-user-select: $argument;\r\n//   user-select: $argument;\r\n// }\r\n// @mixin columns($colwidth: 250px, $colcount: 0, $colgap: 50px, $columnRuleColor: #EEE, $columnRuleStyle: solid, $columnRuleWidth: 1px)\r\n// {\r\n//   -moz-column-width: $colwidth;\r\n//   -moz-column-count: $colcount;\r\n//   -moz-column-gap: $colgap;\r\n//   -moz-column-rule-color: $columnRuleColor;\r\n//   -moz-column-rule-style: $columnRuleStyle;\r\n//   -moz-column-rule-width: $columnRuleWidth;\r\n//   -webkit-column-width: $colwidth;\r\n//   -webkit-column-count: $colcount;\r\n//   -webkit-column-gap: $colgap;\r\n//   -webkit-column-rule-color: $columnRuleColor;\r\n//   -webkit-column-rule-style: $columnRuleStyle;\r\n//   -webkit-column-rule-width: $columnRuleWidth;\r\n//   column-width: $colwidth;\r\n//   column-count: $colcount;\r\n//   column-gap: $colgap;\r\n//   column-rule-color: $columnRuleColor;\r\n//   column-rule-style: $columnRuleStyle;\r\n//   column-rule-width: $columnRuleWidth;\r\n// }\r\n// @mixin translate($x:0, $y:0)\r\n// {\r\n//   @include transform(translate($x, $y));\r\n// }\r\n// @mixin background-clip($argument: padding-box)\r\n// {\r\n//   -moz-background-clip: $argument;\r\n//   -webkit-background-clip: $argument;\r\n//   background-clip: $argument;\r\n// }\r\n"],"file":"kaiko.css"}