{"version":3,"sourceRoot":"","sources":["index.scss","../../_sass/mixin/elements.scss","../../_sass/mixin/sitecolor.scss"],"names":[],"mappings":"AAIA,SACE,uBACA,wBAGF,aACI,sBACA,WACA,YCoDF,sBDnDmB,KCoDnB,mBDpDmB,KCqDnB,cDrDmB,KCuCnB,8CACA,2CACA,sCDtCE,cACA,gBAGJ,UACI,0CAIJ,aACK,0CACD,6BACA,sBACA,uBACA,8BAGJ,aACK,0CACD,6BAGA,8BAGJ,YACK,WAGL,YCOE,8CACA,2CACA,sCDPE,oCACA,uBACA,sBAIJ,OCWE,sBDVmB,KCWnB,mBDXmB,KCYnB,cDZmB,KCFnB,8CACA,2CACA,sCDEE,WACA,gBACA,iBEhCc,QFoClB,eACI,sBACA,uBAUJ,WAEI,YAEA,yBCdF,sBDeuB,ICdvB,mBDcuB,ICbvB,cDauB,IACrB,qBAGJ,cACI,WACA,uBACA,YACA,iBACA,0BACA,+BAaJ,qBACI,0BAMJ,YACI,sBACA,WACA,wBChDF,sBDiDmB,KChDnB,mBDgDmB,KC/CnB,cD+CmB,KC7DnB,8CACA,2CACA,sCD6DF,iBACA,iBACA,gBAGA,kBACI,2BAEA,cAGJ,yBACI,kBACA,sBACA,gBAIJ,eACI,sBACA,uBACA,2BACA,eAKJ,wBACI,WACA,yBAKJ,mBACI,eACA,gBAEJ,sBACI,cAGJ,sBACI,cAEA,gBAEJ,0BClGE,sBDmGmB,IClGnB,mBDkGmB,ICjGnB,cDiGmB,IC/GnB,8CACA,2CACA,sCD+GE,WAEA,YAEA,sBAKJ,4BACI,cACA,WACA,YAGJ,gCACI,gCAIJ,sBACI,uBACA,uBACA,eAGJ,6BACI,gCACA,WAGJ,yBACI,kBCrIF,sBDsImB,ICrInB,mBDqImB,ICpInB,cDoImB,IClJnB,8CACA,2CACA,sCDkJE,WACA,aACA,sBACA,iBAGJ,2BACI,gBACA,eACI,sBAEJ,kBAGJ,4BACI,sBACA,uBAGJ,4BACI,gBACA,YACA,0BACA,+BAIJ,6BAGI,qBAGJ,2BACI,gBAIJ,4BACI,WACA,YAIJ,4BACI,WACA,YACA,qBAOJ,8BACI,yBACA,WACA,6CACA,wBACA,2BAIJ,8BACQ,yBACA,WACA,8CACA,yBACA,2BAIR,gCACQ,yBACA,WACA,+CACA,0BACA,2BAIR,+BACI,yBACA,gDACA,2BACA,2BACA,sBACA,WACA,kBAGJ,gCACI,YASJ,qBACI,2BACA,iBACA,kBAEA,gCACI,oBAGR,qBACI,SACA,UACA,SACA,OACA,WACA,kBACA,wBACI,SACA,UACA,cAGR,kBAEI,yBACA,uBACA,wBAEA,kBACA,mBACA,mCACA,oBACI,WACA,UAEJ,oBACE,uBACA","sourcesContent":["@import \"mixin/elements.scss\";\r\n@import \"mixin/mixin.scss\";\r\n@import \"mixin/sitecolor.scss\";\r\n\r\n.toptext{\r\n  margin: 0.5em!important;\r\n  padding: 0.5em!important;\r\n}\r\n\r\n.toptextarea{\r\n    background-color: white;\r\n    margin: 5px;\r\n    padding: 0px;\r\n    @include rounded(10px);\r\n    @include drop-shadow(0px,1px,1px,0.2);\r\n\r\n    font-size: 95%;\r\n    text-align: left;\r\n}\r\n\r\n#contents {\r\n    background-color: transparent !important;\r\n}\r\n\r\n\r\n#contents h3{\r\n     background-color: transparent!important;\r\n    text-align: center!important;\r\n    margin: 0px!important;\r\n    padding: 0px!important;\r\n    font-weight: normal!important;\r\n}\r\n\r\n#contents h2{\r\n     background-color: transparent!important;\r\n    text-align: center!important;\r\n//    margin: 0px!important;\r\n//    padding: 0px!important;\r\n    font-weight: normal!important;\r\n}\r\n\r\n#contents p{\r\n     margin: 0px;\r\n}\r\n\r\n.img-circle{\r\n    @include drop-shadow(0px,0px,7px,0.5);\r\n    margin: 5px 10px 5px 10px!important;\r\n    padding: 5px !important;\r\n    background-color: white;\r\n//    height:inherit;\r\n}\r\n\r\n.kakoi{\r\n    @include rounded(20px);\r\n    @include drop-shadow(0px,1px,1px,0.2);\r\n    margin: 0px;\r\n    padding: 0px 1em;\r\n    background-color: $color-litegreen;\r\n\r\n}\r\n\r\n#contents .row{\r\n    margin: 0px !important;\r\n    padding: 0px !important;\r\n}\r\n\r\n#anime {\r\n//    margin: 0px;\r\n//    padding: 10px;\r\n//    background-color: white;\r\n//        @include rounded(5px);\r\n}\r\n\r\n#animebody {\r\n//    margin: 10px;\r\n    padding: 7px;\r\n//    background-image:url(/2/2/img/index/wood.jpg);\r\n    background-color: #ffc4d2;\r\n        @include rounded(7px);\r\n    display: inline-block;\r\n}\r\n\r\n#animebody h2{\r\n    color:white;\r\n    margin: 0px 0px 5px 0px;\r\n    padding: 0px;\r\n    font-weight: bold;\r\n    font-size: 100% !important;\r\n    background-color: transparent;\r\n}\r\n\r\n.first .mayutitle{\r\n\r\n//\r\n//    background-color: white;\r\n////    margin: 0px;\r\n////    padding: 1px;\r\n//    @include rounded(10px);\r\n//    @include drop-shadow(0px,1px,1px,0.2);\r\n}\r\n\r\n.first .mayutitle h2{\r\n    font-size: 110% !important;\r\n//    font-weight: bold !important;\r\n}\r\n\r\n\r\n\r\n.first .col{\r\n    background-color: white;\r\n    margin: 2px;\r\n    padding: 5px 5px 5px 0px;\r\n    @include rounded(10px);\r\n    @include drop-shadow(0px,1px,1px,0.2);\r\nmin-height: 110px;\r\nmax-height:110px;\r\noverflow: hidden;\r\n\r\n}\r\n.first .col .text{\r\n    min-height: 90px!important;\r\n\r\n    font-size: 95%;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .first .col .text{\r\n    min-height:!important;\r\n    font-size: 100%;\r\n    }\r\n}\r\n\r\n.first .col h3{\r\n    margin: 0px !important;\r\n    padding: 0px !important;\r\n    text-align: left!important;\r\n    font-size: 100%;\r\n}\r\n\r\n\r\n\r\n.first .first-right-img{\r\n    float: left;\r\n    margin: 10px 3px 10px 3px;\r\n}\r\n\r\n\r\n\r\n.second .recomment {\r\n    margin: 5px 0px;\r\n    *margin: 1px 0px;\r\n}\r\n.second .recomment ul{\r\n    display: block;\r\n//    padding: 0px;\r\n}\r\n.second .recomment li{\r\n    display: block;\r\n\r\n    *width:24.8888%;\r\n}\r\n.second .recomment li div{\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.second .recomment li div a{\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.second .recomment li div a img{\r\n    display: inline-block !important;\r\n}\r\n\r\n\r\n.third .third-main h2{\r\n    margin: 10px!important;\r\n    padding: 0px!important;\r\n    font-size: 140%;\r\n}\r\n\r\n.third .third-main .item img{\r\n    display: inline-block !important;\r\n    margin: 0px;\r\n}\r\n\r\n.third .third-main .item{\r\n    text-align: center;\r\n    @include rounded(5px);\r\n    @include drop-shadow(0px,1px,1px,0.2);\r\n    margin: 5px;\r\n    padding: 10px;\r\n    background-color: white;\r\n    min-height: 300px;\r\n}\r\n\r\n.third .third-main .item p{\r\n    text-align: left;\r\n    font-size: 105%;\r\n        margin: 5px!important;\r\n//    padding: 5px!important;\r\n    line-height: 1.5em;\r\n}\r\n\r\n.third .third-main .item h3{\r\n    margin: 3px!important;\r\n    padding: 0px!important;\r\n}\r\n\r\n.third .third-side .item h3{\r\n    margin: 0.5em 0px;\r\n    padding: 0px;\r\n    font-size: 110% !important;\r\n    background-color: transparent;\r\n\r\n}\r\n\r\n.third .third-side .item img{\r\n//    @include rounded(5px);\r\n//    width: 180px;\r\n    display: inline-block;\r\n}\r\n\r\n.third .third-side .item p{\r\n    text-align: left;\r\n\r\n}\r\n\r\n.third .third-side .item ul{\r\n    margin: 0px;\r\n    padding: 0px;\r\n\r\n}\r\n\r\n.third .third-side .item li{\r\n    margin: 0px;\r\n    padding: 0px;\r\n    list-style-type: none;\r\n\r\n}\r\n\r\n\r\n///riboon----\r\n\r\n.third .third-side .item .one{\r\n    padding: 10px 0px 0px 0px;\r\n    margin: 0px;\r\n    background-image: url(/2/img/parts/f-top.gif);\r\n    background-position: top;\r\n    background-repeat: repeat-x;\r\n}\r\n\r\n\r\n.third .third-side .item .two{\r\n        padding: 0px 0px 0px 10px;\r\n        margin: 0px;\r\n        background-image: url(/2/img/parts/f-left.gif);\r\n        background-position: left;\r\n        background-repeat: repeat-y;\r\n}\r\n\r\n\r\n.third .third-side .item .three{\r\n        padding: 0px 10px 0px 0px;\r\n        margin: 0px;\r\n        background-image: url(/2/img/parts/f-right.gif);\r\n        background-position: right;\r\n        background-repeat: repeat-y;\r\n\r\n}\r\n\r\n.third .third-side .item .four{\r\n    padding: 0px 0px 10px 0px;\r\n    background-image: url(/2/img/parts/f-bottom.gif);\r\n    background-position: bottom;\r\n    background-repeat: repeat-x;\r\n    background-color: white;\r\n    margin: 0px;\r\n    text-align: center;\r\n    }\r\n\r\n.third .third-side .item .inner{\r\n    padding: 5px;\r\n\r\n}\r\n\r\n\r\n///endribbon-----\r\n\r\n\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    a.disabled{\r\n        pointer-events: none;\r\n    }\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: 90%!important; //        font-weight: bold;\r\n    margin: 0px 0px 5px 0px;\r\n    padding: 10px!important;\r\n    //width: 300px;\r\n    left: 0!important;\r\n    right: 0!important;\r\n    background-color: rgba(39, 39, 39, 0.2);\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","/*---------------------------------------------------\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","// My Brand Colors\r\n$color-orage-0: #FF8031;\r\n/* Main color (Orage) */\r\n$color-orage-1: #FFB07F;\r\n$color-orage-2: #FF9756;\r\n$color-orage-3: #FF6200;\r\n$color-orage-4: #C44B00;\r\n$color-cherryred-0: #F42F4E;\r\n/* Secondary color (CherryRED) */\r\n$color-cherryred-1: #F97D90;\r\n$color-cherryred-2: #F6536D;\r\n$color-cherryred-3: #F20026;\r\n$color-cherryred-4: #BA001D;\r\n$color-emerald-0: #23B796;\r\n/* Secondary color (Emerald) */\r\n$color-emerald-1: #6DDAC2;\r\n$color-emerald-2: #43C7AA;\r\n$color-emerald-3: #00AC85;\r\n$color-emerald-4: #007F62;\r\n$color-limegreeen-0: #5DE22B;\r\n/* Complement color (LimeGreeen) */\r\n$color-limegreeen-1: #98F078;\r\n$color-limegreeen-2: #78E84E;\r\n$color-limegreeen-3: #3CDD00;\r\n$color-limegreeen-4: #2DA800;\r\n$color-litepink: #FFF1EC;\r\n$color-litegreen: #E8FFCA;\r\n$gray-darker: lighten(#000, 13.5%); // #222\r\n$gray-dark: lighten(#000, 20%);\r\n// #333\r\n$gray: lighten(#000, 33.5%); // #555\r\n$gray-light: lighten(#000, 46.7%); // #777\r\n$gray-lighter: lighten(#000, 93.5%); // #eee\r\n"],"file":"index.css"}