html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{        box-sizing:border-box;-webkit-box-sizing:border-box;   -moz-box-sizing:border-box;    -ms-box-sizing:border-box;     -o-box-sizing:border-box}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}.clear{clear:both}a{outline:none}a:focus,*:focus{outline:none !important}.mar0{margin:0 !important}.mar5{margin:5px}.mar10{margin:10px}.mar15{margin:15px}.mar20{margin:20px}.mar25{margin:25px}.mar30{margin:30px}.mar35{margin:35px}.mar40{margin:40px}.mar45{margin:45px}.mar50{margin:50px}.mar60{margin:60px}.mart5{margin-top:5px}.mart10{margin-top:10px}.mart15{margin-top:15px}.mart20{margin-top:20px}.mart25{margin-top:25px}.mart30{margin-top:30px}.mart35{margin-top:35px}.mart40{margin-top:40px}.mart45{margin-top:45px}.mart50{margin-top:50px}.mart60{margin-top:60px}.mart70{margin-top:70px}.mart80{margin-top:80px}.mart90{margin-top:90px}.mart100{margin-top:100px}.mart200{margin-top:200px}.mart300{margin-top:300px}.marb5{margin-bottom:5px}.marb10{margin-bottom:10px}.marb15{margin-bottom:15px}.marb20{margin-bottom:20px}.marb25{margin-bottom:25px}.marb30{margin-bottom:30px}.marb35{margin-bottom:35px}.marb40{margin-bottom:40px}.marb45{margin-bottom:45px}.marb50{margin-bottom:50px}.marb60{margin-bottom:60px}.marb70{margin-bottom:70px}.marb80{margin-bottom:80px}.marb90{margin-bottom:90px}.marb100{margin-bottom:100px}.marl5{margin-left:5px}.marl10{margin-left:10px}.marl15{margin-left:15px}.marl20{margin-left:20px}.marl25{margin-left:25px}.marl30{margin-left:30px}.marl35{margin-left:35px}.marl40{margin-left:40px}.marl45{margin-left:45px}.marl50{margin-left:50px}.marl60{margin-left:60px}.marr5{margin-right:5px}.marr10{margin-right:10px}.marr15{margin-right:15px}.marr20{margin-right:20px}.marr25{margin-right:25px}.marr30{margin-right:30px}.marr35{margin-right:35px}.marr40{margin-right:40px}.marr45{margin-right:45px}.marr50{margin-right:50px}.marr60{margin-right:60px}.pd0{padding:0 !important}.pd10{padding:10px}.pd15{padding:15px}.pd20{padding:20px}.pd25{padding:25px}.pd30{padding:30px}.pd35{padding:35px}.pd40{padding:40px}.pd50{padding:50px}.pd60{padding:60px}.pd70{padding:70px}.pd80{padding:80px}.pd90{padding:90px}.pdl10{padding-left:10px}.pdl20{padding-left:20px}.pdl30{padding-left:30px}.pdr10{padding-right:10px}.pdr20{padding-right:20px}.pdr30{padding-right:30px}strong{font-weight:normal !important}em{font-style:normal !important}small{  font-size:80%}.text-xs{font-size:0.72rem !important;line-height:1.6em}.text-s{font-size:0.78rem !important;line-height:1.6em}.text-m{font-size:1rem !important}.text-l{font-size:1.6rem !important;line-height:1.6em}.text-xl{font-size:2.2rem !important;line-height:1.6em}.text-xxl{font-size:2.8rem !important;line-height:1.6em}.text-xxxl{font-size:4rem !important;line-height:1.6em}.text-left{  text-align:left !important}.text-right{  text-align:right !important}.text-center{  text-align:center !important}.text-justify{  text-align:justify !important}.text-underline{text-decoration:underline !important}.text-muted{  color:#bdbdbd}.text-primary{  color:#424242}a.text-primary:hover{  color:#757575}.text-success{  color:#c62828 }a.text-success:hover{  color:#c62828 }.text-info{  color:#c62828 }a.text-info:hover{  color:#c62828 }.text-warning{  color:#e65100}a.text-warning:hover{  color:#f57c00}.text-danger{  color:#c62828  }a.text-danger:hover{  color:#ff5252 }.relative_on{position:relative !important}.relative_off{position:absolute !important}.relative_off_fixed{position:fixed !important}.center-block{  display:block;  margin-left:auto;  margin-right:auto}.sr-only{  position:absolute;  width:1px;  height:1px;  margin:-1px;  padding:0;  overflow:hidden;  clip:rect(0,0,0,0);  border:0}.sr-only-focusable:active,.sr-only-focusable:focus{  position:static;  width:auto;  height:auto;  margin:0;  overflow:visible;  clip:auto}.float-right{  float:right !important}.float-left{  float:left !important}.hide{  display:none}.show{  display:block !important}.invisible{  visibility:hidden}.text-hide{  font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0}.hidden{ display:none !important; visibility:hidden !important}.affix{ position:fixed}pre,blockquote,code{ page-break-inside:avoid}.d-inline{display:inline}.d-block{display:block}.d-inline-block{display:inline-block}html{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:82%; letter-spacing:0.04rem; line-height:1.5rem}p{margin:0 0 2rem} @media screen and (min-width:601px){html{font-size:82%;letter-spacing:0.05rem; line-height:2rem}p{margin:0 0 2.2rem}}
 @media screen and (min-width:992px){html{font-size:82%;letter-spacing:0.05rem; line-height:2rem}p{margin:0 0 2.2rem}}
ul{list-style:none}img{ vertical-align:middle; border:0; max-width:100%; height:auto}a:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}h1,h2,h3,h4,h5,h6{ font-weight:400}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ font-weight:inherit}h1,h2{ font-size:1.6rem; line-height:1.8rem; margin:0 0 1rem; border-left:#c62828  solid 4px; padding-left:16px}h1.plain,h2.plain{ font-size:1.6rem; line-height:1.8rem; margin:0; padding:0; border:0}h3,h4{ font-size:1.2rem; line-height:1.2rem; margin:0 0 1rem; border-left:#cfd8dc solid 4px; padding-left:16px}h3.plain,h4.plain{ font-size:1.2rem; line-height:1.2rem; margin:0 0 1rem; border-left:none; padding-left:0; font-weight:500}h5,h6{ font-size:1rem; line-height:1.2rem; margin:0 0 1rem; border-left:#cfd8dc solid 4px; padding-left:16px} h5.plain,h6.plain{ font-size:1rem; line-height:1.2rem; margin:0 0 1rem; border-left:none; padding-left:0}pre{margin:1rem 0 2rem;position:relative;border:#cfd8dc solid 1px;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}i{padding:0 0 0.1rem;vertical-align:middle !important}.collapsible i{padding-top:0}.section{padding-top:1rem;padding-bottom:2rem}.section-topspace{padding-top:3.4rem;padding-bottom:2rem}.section:after,.section-topspace:after{content:".";display:block;height:0;clear:both;visibility:hidden}li ul li{padding-left:1.4rem}@media (max-width:600px){.text-xs{line-height:1.6em}.text-s{line-height:1.6em}.text-l{line-height:1.6em}.text-xl{line-height:1.5em}.text-xxl{line-height:1.4em}.text-xxxl{line-height:1.3em}}
body{color:#424242;
font-family: 'Varela' , Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;background-color:#fff;margin:0px}.font_reset{
font-family: 'Varela' , Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}a{ color:#757575; text-decoration:none; -webkit-transition:color 0.3s,background-color 0.5s; -moz-transition:color 0.3s,background-color 0.5s; transition:color 0.3s,background-color 0.5s}a:hover,a:focus{ color:#c62828  }hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0; border:0; border-top:1px solid #bdbdbd; margin:1rem 0}.font-varela{
font-family:'Varela',sans-serif}.font-damion{
font-family:'Damion',cursive;letter-spacing:0}.font-tangerine{
font-family:'Tangerine',cursive;letter-spacing:0}.font-vollkorn{
font-family:'Vollkorn',serif;letter-spacing:0}.font-cinzel{
font-family:'Cinzel',serif;letter-spacing:0}.font-code{
font-family: 'Source Code Pro',"Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;line-height:1.4rem;letter-spacing:0}pre code{display:inline-block;min-width:100%;color:#000;background:#eceff1;padding:2.7rem 2rem 1.4rem;letter-spacing:0 !important;line-height:1.4rem !important;
font-family: 'Source Code Pro', monospace , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;font-size:12px}pre code:before{ position:absolute; padding:1px 7px; background:none repeat scroll 0% 0% #E8E6E3; top:0px; left:0px; color:#c62828 ; content:"language-markup"; font-size:0.9rem;border-right:#cfd8dc solid 1px;border-bottom:#cfd8dc solid 1px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.collapsible-body pre{margin:0;border:0}.breadcrumb{ padding:0; list-style:none}.breadcrumb >li{ display:inline-block}.breadcrumb >li+li:before{ content:">\00a0"; padding:0 5px; color:#ccc}.breadcrumb >.active{ color:#777}blockquote{margin:1rem 0 2rem;padding:2.4rem 20px 0;border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative;border:1px solid #e0e0e0}blockquote p{margin-bottom:0}blockquote:before{content:'"';font-style:italic;font-size:30px;font-weight:normal;line-height:40px;width:30px;height:30px;position:absolute;top:7px;left:10px;color:#b0bec5}blockquote:after{content:'"';font-style:italic;font-size:30px;font-weight:normal;text-align:left;line-height:60px;width:30px;height:30px;position:absolute;bottom:7px;right:-2px;color:#b0bec5}cite .citeright{display:block;text-align:right;padding:0 0 2rem;margin-top:-2rem;font-style:italic;text-align:right;font-size:0.78rem}blockquote cite{ display:block;padding:0 0 2.4rem;font-style:italic;text-align:right;font-size:90%}.pager{ padding-left:0; margin:20px 0; list-style:none; text-align:center}.pager li{ font-size:1rem; display:inline-block; background-color:#c62828 ; float:none; width:auto; height:auto; margin:0 20px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-clip:padding-box; text-align:center; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.pager li a{width:10rem}.pager li >a,.pager li >span{ display:inline-block; padding:1px 24px 0; color:#FFF}.pager li >a:hover{ text-decoration:none; background-color:#c62828 }.pager .next{ float:right}.pager .previous{ float:left}.pager .disabled >a,.pager .disabled >a:hover,.pager .disabled >a:focus,.pager .disabled >span{ color:#fff; background-color:#b0bec5; cursor:not-allowed}.pager li i{ font-size:1rem; vertical-align:middle;padding-bottom:0.2rem}.pager:after,.pager:before {content:".";display:block;height:0;clear:both;visibility:hidden}.pagination{ padding-left:0; margin:20px 0; list-style:none; text-align:center}.pagination li{ font-size:1rem; display:inline-block; float:none; width:auto; height:auto; margin:0 7px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-clip:padding-box; text-align:center}.pagination li a{ color:#444; display:block; min-width:30px; vertical-align:middle; padding:0}.pagination li.active a{ color:#fff}.pagination li.active{ background-color:#c62828 ;display:inline-block;vertical-align:middle;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.pagination li.disabled{display:inline-block;vertical-align:middle}.pagination li.disabled a{ color:#999}.pagination li i{font-size:1rem;vertical-align:middle;padding-top:0}#page-top{position:fixed;bottom:0;right:8%;z-index:900;opacity:0.7}#page-top i{font-size:1rem}#page-top:hover{opacity:1}.tag{display:inline-block;vertical-align:middle;min-width:3rem; padding:0.2rem 8px 0.3rem; text-align:center; line-height:1rem; color:#757575; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-weight:300; font-size:0.8rem; color:#fff; background-color:#c62828 ; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-clip:padding-box;margin:0 3px;-webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s}.tag a{color:#FFF;vertical-align:middle}.tag:hover{color:#FFF;background-color:#c62828 }.progress{ overflow:hidden; height:1.2rem; margin-bottom:20px; background-color:#eceff1; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{ float:left; width:0%; height:100%; font-size:0.78rem; line-height:1.2rem; color:#fff; text-align:center; background-color:#37474f; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition:width 0.6s ease; -o-transition:width 0.6s ease; transition:width 0.6s ease}@media (max-width:600px){.progress{height:1.4rem}.progress-bar{height:1.4rem;padding-top:2px}}
#menu li{position:relative}#menu li ul{ display:none; position:absolute; top:70px; left:0px; padding:5px; width:200px; background-color:transparent; border:none; margin-top:-70px; padding-top:70px}#menu li ul li{ margin:0 !important; padding:0 !important; width:200px; border:none; background-color:#FFF}#menu li ul li a{ display:inline-block; width:200px; height:20px !important}#menu li ul li a:hover{ background-color:#FFF; color:#333}.image-grayscale{  -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%)} .image-sepia{ -webkit-filter:sepia(100%); -moz-filter:sepia(100%); -o-filter:sepia(100%); -ms-filter:sepia(100%); filter:sepia(100%)} .responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.responsive-video iframe,.responsive-video object,.responsive-video embed{position:absolute;top:0;left:0;width:100%;height:100%}.collapsible{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}  .container{ padding:0 1.5rem; margin:0 auto; max-width:1280px; width:92%}@media only screen and (min-width:601px){/* 601 */ .container{ width:92%}}
@media only screen and (min-width:993px){/* 993 */ .container{ width:92%}}
 @media only screen and (min-width:1280px){ .container{ width:1180px}}
nav {position:fixed !important;z-index:999;top:0; right:0; left:0;background-color:#FFF !important;height:70px !important;line-height:70px !important;
font-family: 'Varela' , Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);overflow:visible !important;}nav h1{margin:0;padding:0;border:none} nav .brand-logo{ color:#424242; font-size:1.7rem;height:70px}nav .brand-logo img{max-height:70px;width:auto;vertical-align:bottom}nav a{ color:#424242 !important}nav .nav-wrapper i{ vertical-align:middle; font-size:1.1rem} nav a.button-collapse i{ font-size:2.4rem; height:70px; line-height:70px} @media only screen and (min-width:601px){nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{ height:70px !important; line-height:70px !important}nav .nav-wrapper i{ font-size:1.1rem;line-height:70px !important;vertical-align:middle}.navbar-fixed{ height:70px !important}}
.btn-floating i{ font-size:2rem}i.left{ margin-right:5px !important}i.right{ margin-left:5px !important}nav ul li{ -webkit-transition:background-color 0.3s; -moz-transition:background-color 0.3s; -o-transition:background-color 0.3s; -ms-transition:background-color 0.3s; transition:background-color 0.3s; padding-left:10px !important; padding-right:10px !important}@media (max-width:600px){nav ul li a{display:block;width:100%}nav ul li.active,nav ul li.active:hover{ background-color:#cfd8dc !important;color:#c62828  !important}nav ul li a.active,nav ul li a.active:hover{background-color:#cfd8dc !important;color:#c62828  !important}nav ul li:hover{ background-color:transparent !important;color:#c62828  !important}nav ul li a:hover{ background-color:transparent !important;color:#c62828  !important}}
@media (min-width:601px){ nav ul li:hover,nav ul li.active{ background-color:transparent !important}nav ul li a:hover,nav ul li a.active{ background-color:transparent !important;color:#c62828  !important}}
 .btn:hover{ background-color:#c62828 ;color:#FFF !important}.disabled:hover{color:#c62828  !important}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=date]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus.materialize-textarea{ border-bottom:1px solid #c62828 ; -webkit-box-shadow:0 1px 0 0 #c62828 ; -moz-box-shadow:0 1px 0 0 #c62828 ; box-shadow:0 1px 0 0 #c62828 }.collection .collection-item.active{ background-color:#c62828 ; color:#eafaf9} .collection a.collection-item{ color:#c62828 }.secondary-content{ color:#c62828 }span.badge.new{ background-color:#c62828 }span.badge.new:after{ content:"new"}.progress .determinate{ background-color:#c62828 }.progress .indeterminate{ background-color:#c62828 }.btn{ color:#FFF; background-color:#666; letter-spacing:0.07rem !important} .btn-floating{ color:#FFF; background-color:#c62828 } .dropdown-content li >a,.dropdown-content li >span{ color:#c62828 } .input-field input[type=text]:focus+label,.input-field input[type=password]:focus+label,.input-field input[type=email]:focus+label,.input-field input[type=url]:focus+label,.input-field input[type=date]:focus+label,.input-field input[type=tel]:focus+label,.input-field input[type=number]:focus+label,.input-field input[type=search]:focus+label,.input-field textarea:focus.materialize-textarea+label{ color:#c62828 }.input-field .prefix.active{ color:#c62828 }  [type="radio"]:checked+label:after{ border:2px solid #c62828 ; background-color:#c62828 }[type="radio"].with-gap:checked+label:before{ border:2px solid #c62828 }[type="radio"].with-gap:checked+label:after{ border:2px solid #c62828 ; background-color:#c62828 } [type="checkbox"]:checked+label:before{ border-right:2px solid #c62828 ; border-bottom:2px solid #c62828 } input[type=range]+.thumb{ background-color:#c62828 }input[type=range]+.thumb .value{ color:#c62828 }input[type=range]::-webkit-slider-thumb{ background-color:#c62828 } input[type=range]::-moz-range-thumb{ background:#c62828 } input[type=range]::-ms-thumb{ background:#c62828 } .picker__date-display{ background-color:#c62828 ; color:#fff} .picker--focused .picker__day--highlighted{ color:#c62828 } .picker__close,.picker__today{ color:#c62828 } footer.page-footer{ margin-top:4.8rem; padding-top:2.4rem; background-color:#ddd; font-size:0.78rem}footer.page-footer .footer-copyright{ overflow:visible; height:3rem; line-height:1.2rem; color:#000;; background-color:#ddd;text-align:center}/* */.btn-flat{ box-shadow:none; background-color:transparent; color:#666; cursor:pointer}.btn-flat:hover{ background-color:transparent; color:#c62828 ; cursor:pointer; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}.waves-effect.waves-teal .waves-ripple{ background-color:rgba(208,215,223,0.6)}.dropdown-content{margin:40px 0 0;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.dropdown-content li{ cursor:pointer; font-size:1rem;color:#424242; line-height:1.5rem}.dropdown-content2{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:none; position:absolute; background-color:#fff; margin:70px 0 0; min-width:100px; z-index:200; max-height:70%; opacity:0; overflow-y:hidden; will-change:width,height; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.dropdown-content2 li{padding:2px; cursor:pointer; font-size:1rem;color:#424242; line-height:1.5rem}.dropdown-content2 li a:hover,.dropdown-content2 li a .active{color:#c62828 }.dropdown-content2 li >a,.dropdown-content2 li >span{ display:block; padding:1rem 1rem; color:#424242}footer.page-footer:before{content:""; clear:both; display:block}.card-panel{ margin:2rem 0 2rem}.modal{ background-color:#fff}.modal .modal-content{line-height:1.4rem;background:#fff}.modal .modal-footer{ height:80px;padding:20px;background:#fff}.easee{-webkit-transition:1.2s; -moz-transition:1.2s; -o-transition:1.2s; -ms-transition:1.2s; transition:1.2s}.tabs{ position:relative; overflow:hidden; margin:0 0 2.4rem; background-color:#fff; height:2.8rem; background-clip:padding-box} .tabs li.tab{ display:block; float:left; text-align:center; background-color:#fff; line-height:2.8rem; height:2.8rem; padding:0 20px; margin:0; text-transform:uppercase; letter-spacing:inherit; width:15%;border-bottom:solid 1px #c62828 }.tabs li.tab a{ color:#c62828 ; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; transition:0.2s}.tabs li.tab a:hover{background:#fafafa; color:#c62828  }.tabs .indicator{ background-color:#c62828 ;display:none}ul.tabs li.tab .active{background-color:#c62828 ;color:#FFF;-webkit-border-top-left-radius:2px; -moz-border-top-left-radius:2px; border-top-left-radius:2px;-webkit-border-top-right-radius:2px; -moz-border-top-right-radius:2px; border-top-right-radius:2px}table{ width:100%; display:table} table.bordered tr{ border-bottom:1px solid #d0d0d0} table.striped tbody tr:nth-child(odd){ background-color:#f2f2f2} table.hoverable tbody tr{ -webkit-transition:background-color 0.25s ease; -moz-transition:background-color 0.25s ease; -o-transition:background-color 0.25s ease; -ms-transition:background-color 0.25s ease; transition:background-color 0.25s ease} table.hoverable tbody tr:hover{ background-color:#f2f2f2} table.centered thead tr th,table.centered tbody tr td{ text-align:center}thead{ border-bottom:1px solid #d0d0d0}td,th{ padding:15px 5px; display:table-cell; text-align:left; vertical-align:middle; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-clip:padding-box} .materialboxed{ cursor:pointer}.materialboxed.active{ cursor:pointer}ul.table-of-contents a{ display:inline-block; font-weight:400; color:#757575; padding-left:12px; height:1.5rem; line-height:1.5rem; letter-spacing:0.4; display:inline-block}ul.table-of-contents a:hover{ color:#cfd8dc; padding-left:10px; border-left:2px solid #cfd8dc}ul.table-of-contents a.active{ font-weight:400; padding-left:10px; border-left:2px solid #c62828 ;color:#c62828 }.toast .btn-small{ margin:0; margin-left:3rem}.btn-small{ display:inline-block; font-size:0.9rem; height:24px; line-height:24px; margin-bottom:15px; padding:0 2rem 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-clip:padding-box; text-transform:uppercase; border:none; outline:0; -webkit-tap-highlight-color:transparent} @media (max-width:600px){.btn-small{ padding:1px 2rem 0}}
.disabled.btn-small,.btn-small.disabled,.btn-small:disabled,.btn-small:disabled{ background-color:#DFDFDF; box-shadow:none; color:#9F9F9F; cursor:default}.disabled.btn-small:hover,.btn-small.disabled:hover,.btn-small:disabled:hover,.btn-small:disabled:hover{ background-color:#DFDFDF; color:#9F9F9F}.btn-small i{ font-size:1.2rem; line-height:inherit}.btn.btn-small{ text-decoration:none; color:#FFF; background-color:#c62828 ; text-align:center; letter-spacing:0.5px; -webkit-transition:0.2s ease-out; -moz-transition:0.2s ease-out; -o-transition:0.2s ease-out; -ms-transition:0.2s ease-out; transition:0.2s ease-out; cursor:pointer}.btn.btn-small:hover{ background-color:#c62828 }.btn-small i{ font-size:0.9rem}.modal .modal-footer .btn-small{ float:right; margin:6px 0}.slider ul.indicators li.indicator-item.active{ background-color:#c62828  }.slider h3{border-left:none;font-size:5.2rem;
font-family:'Tangerine',cursive}.slider h5{border-left:none;font-size:1.4rem;padding-top:1.6rem;
font-family: 'Vollkorn', serif , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;font-style:italic}.slider ul.slides li .caption{ color:#fff; position:absolute; top:15%; left:5%; width:90%; -ms-filter:"progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})"; filter:"alpha(opacity=(${iefactor}))"; -moz-opacity:0; -khtml-opacity:0; opacity:0}.tooltipped.image{display:inline-block;max-width:100%;height:auto}.tooltipped.text{display:inline;text-decoration:underline}.tooltipped.btn,.tooltipped.btn a,.tooltipped.btn a:hover{color:#fff}.card a{ color:#c62828 }.card a:hover{ color:#b0bec5}.card .card-action{ border-top:1px solid rgba(160,160,160,0.2); padding:10px 20px}.card .card-image img{ padding:4px}.card .card-content{ padding:20px 24px 24px} .boxer-open #boxer-overlay{  opacity:0.8}#boxer{  padding:6px}#boxer .boxer-meta{  padding:0}#boxer .boxer-caption p{  color:#666;  font-size:1rem;  margin:0;  padding:1rem 0.5rem 0.5rem}#boxer .boxer-close{  z-index:10500}#boxer{  z-index:10100}#boxer-overlay{  z-index:10000}#boxer .boxer-loading{  z-index:10500}#boxer .boxer-container{  z-index:10300}.boxer{   max-width:100%;   height:auto;   display:inline-block;   border:4px solid #fff;   overflow:hidden;   position:relative;   text-align:center;   cursor:url("../images/zoom-icon.png"),pointer; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); transition:all 0.2s ease; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;margin:0.5rem}.boxer:hover{ -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}ul .disc{list-style:disc !important}.icon-right{padding:0 0 0.3rem 0.6rem}.icon-right2{padding-left:0.2rem}.icon-left{padding:0 0.6rem 0.3rem 0}.icon-left2{padding-right:0.2rem}@media (max-width:600px){.mobile-only{display:block}.screen-only{display:none}}
@media (min-width:601px){.mobile-only{display:none}.screen-only{display:block}}
.z-depth-1,nav,.tag,.imagebox{ -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.z-depth-1-half,.btn:hover,.btn-floating:hover{ -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.contents{margin-left:auto;margin-right:auto;width:100%}@media (min-width:601px){}@media (min-width:993px){}@media (min-width:1280px){}.search_box{background:#FFF;text-align:right;margin-top:70px}.entry-title,.page-title{border-bottom:#666 solid 1px;border-left:none !important;padding:0 0 8px;line-height:2rem !important;margin:0 0 0.8rem 0 !important}@media (min-width:601px){.entry-title,.page-title{line-height:26px !important}}
.entry-meta:after{ content:""; clear:both; display:block;padding:0 0 0.4rem}.page-meta:after{ content:""; clear:both; display:block;padding:0 0 0.4rem}.comments-link{display:inline-block}.entry-date{display:inline-block;vertical-align:middle}#sidebar,#sidebar-thin{padding-left:0;line-height:1.4rem}@media only screen and (min-width:601px){/* 601 */#sidebar{padding-left:36px}}
#sidebar:after,#sidebar-thin:after{content:""; clear:both; display:block;padding:0 0 1rem}#sidebar h2,#sidebar-thin h2{font-size:1rem;line-height:16px; border-left:none; padding-left:0;border-bottom:#666 solid 1px;border-left:none !important;padding:0 0 20px;margin:1rem 0 1.4rem !important}#sidebar li{padding:0 0 1rem}#sidebar .sidebar-entry-catch,#sidebar-thin .sidebar-entry-catch{margin:0 1.4rem 1rem 0;float:left;width:54px;height:auto}@media only screen and (min-width:601px) and (max-width:992px){#sidebar .sidebar-entry-catch,#sidebar-thin .sidebar-entry-catch{float:none;width:100%}}
#sidebar .sidebar-entry-title,#sidebar-thin .sidebar-entry-title{padding:0 0 1rem}#sidebar .sidebar-entry-item,#sidebar-thin .sidebar-entry-item{font-size:0.9rem}#sidebar .sidebar-entry-item:after,#sidebar-thin .sidebar-entry-item:after{content:""; clear:both; height:0; display:block; visibility:hidden}#comments .comment{padding:1rem 0 0}@media only screen and (min-width:601px){#comments .comment-meta{padding-left:2.4rem}}
#comments .comment-author-name{font-weight:500;padding-top:1rem}#comments .comment-metadata{font-size:1rem}#comments .comment-content p{margin:0 0 1rem;font-size:0.9rem;line-height:1.8rem}#comments .comment-reply{text-align:right}#comments .comment-notes{font-size:0.78rem;text-align:right;color:#999}#similar-posts{padding:1rem 0 0}.similar-entry-catch{margin:0;width:100%;display:block}.similar-entry-item:after{content:".";display:block;height:0;clear:both;visibility:hidden}.similar-entry-title{padding:1rem 0 0.6rem;display:inline-block;line-height:1.2rem;font-size:0.9rem}.similar-entry-item{padding:0.8rem 0.5rem 0}.sidebar-popular-item{line-height:1.4rem}.sidebar-popular-date{padding:0 0 1rem;color:#616161 ;font-size:0.78rem}.imagebox{padding:4px;position:relative;height:auto;width:auto;display:inline-block}.view,.view-wide{ max-width:100%; height:auto; float:left; border:4px solid #fff; overflow:hidden; position:relative; text-align:center; cursor:pointer; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;transition:all 0.4s ease}.view img{ display:block; position:relative; opacity:1; transform:scale(1,1); transition:all 0.4s ease}.view-wide img{ display:block; position:relative; opacity:1; transform:scale(1,1); transition:all 0.4s ease; max-width:240px}@media (max-width:600px){.view-wide img{ max-width:100%}}
.view:hover img{ opacity:0.7; transform:scale(1.3,1.3) rotate(-4deg)}.view-wide:hover img{ opacity:0.7; transform:scale(1.3,1.3) rotate(-4deg)}.view:hover,.view-wide:hover{ -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.photo,.photo-s{ max-width:100%; height:auto; display:inline-block; padding:0.5rem}.photo img{ border:4px solid #fff; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); transition:all 0.6s ease; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.photo-s img{ border:2px solid #fff; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); transition:all 0.3s ease; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.photo a img,.photo-s a img{opacity:1}.photo a img:hover,.photo-s a img:hover{opacity:0.7; -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); -moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.top-block{display:block;min-height:168px;position:relative;margin-bottom:1.6rem}.top-block:after{ content:""; clear:both; display:block}.top-date{background:#fff;display:block;float:left; position:relative;overflow:hidden;width:100%;text-align:right;line-height:18px;font-size:16px;padding:5px 8px 0;color:#9e9e9e;letter-spacing:1px;
font-family:'Tangerine',cursive}.top-title{display:inline-block;margin-bottom:2.8rem}.top-title a{display:inline-block;color:#424242}.top-title a:hover{color:#c62828 }.top-readmore{position:absolute;bottom:0;right:0}.top-readmore .btn{margin:0;line-height:2.4rem;height:2.4rem;font-size:0.9rem;padding:0 1.8rem 0 1.8rem}.top-thumb{height:100%}@media (max-width:600px){.top-thumb{margin-bottom:1.4rem}}
.plus-minus{margin-top:-120px; padding-top:120px}.plus-minus2{margin-top:-70px; padding-top:120px}.brand-logo{display:inline-block;
font-family:'Poiret One',cursive;font-size:33px !important;line-height:70px;height:66px;vertical-align:middle;font-weight:bold;color:#444!important}.brand-logo-desc{display:inline-block;font-size:10px !important;padding:5px 0 0 4px;color:#c62828 ;letter-spacing:0;
font-family:'Varela',sans-serif;font-weight:400;height:70px;vertical-align:top}@media (max-width:993px){.brand-logo{margin-top:0}.brand-logo-desc{display:none}}
.footer-brand-logo{display:block;
font-family:'Poiret One',cursive;font-size:33px !important;vertical-align:middle;font-weight:bold;color:#444!important}.footer-brand-logo-desc{display:block;font-size:10px !important;padding:2px 0;vertical-align:middle;color:#c62828 ;letter-spacing:0;
font-family:'Varela',sans-serif;font-weight:400}.side-brand-li{height:69px}.side-brand-logo{display:block;
font-family:'Poiret One',cursive;font-size:33px !important;vertical-align:middle;font-weight:bold;color:#444!important;line-height:33px;padding:10px 0 0 1rem}.side-brand-logo-desc{display:block;font-size:10px !important;line-height:10px;padding:4px 0 0 1rem;vertical-align:middle;color:#c62828 ;letter-spacing:0;
font-family:'Varela',sans-serif;font-weight:400}.sidebar-fixed{ position:fixed; top:30px}.bs-docs-sidebar{padding:0;margin:0;letter-spacing:0 !important; -webkit-transition:0.2s ease-out; -moz-transition:0.2s ease-out; -o-transition:0.2s ease-out; -ms-transition:0.2s ease-out; transition:0.2s ease-out}.bs-docs-sidescrollspy-nav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .scrollspy-nav>li>a{display:block;font-size:1rem;font-weight:400; color:#757575; padding-left:1px 12px; line-height:1.5rem;letter-spacing:0.4}.bs-docs-sidebar .scrollspy-nav>li>a:focus,.bs-docs-sidebar .scrollspy-nav>li>a:hover{padding-left:20px;color:#c62828 ;text-decoration:none;background-color:transparent;border-left:none}.bs-docs-sidebar .scrollspy-nav>.active:focus>a,.bs-docs-sidebar .scrollspy-nav>.active:hover>a,.bs-docs-sidebar .scrollspy-nav>.active>a{padding-left:20px;font-weight:400;color:#c62828 ;background-color:transparent;border-left:none;; -webkit-transition:0.2s ease-out; -moz-transition:0.2s ease-out; -o-transition:0.2s ease-out; -ms-transition:0.2s ease-out; transition:0.2s ease-out}.bs-docs-sidebar .scrollspy-nav .scrollspy-nav{display:none;padding-bottom:10px}.bs-docs-sidebar .scrollspy-nav .scrollspy-nav>li>a{padding-top:1px;padding-bottom:1px;padding-left:22px;font-size:12px;font-weight:400}.bs-docs-sidebar .scrollspy-nav .scrollspy-nav>li>a:focus{padding-left:22px}.bs-docs-sidebar .scrollspy-nav .scrollspy-nav>.active:focus>a,.bs-docs-sidebar .scrollspy-nav .scrollspy-nav>.active:hover>a,.bs-docs-sidebar .scrollspy-nav .scrollspy-nav>.active>a,.bs-docs-sidebar .scrollspy-nav .scrollspy-nav>li>a:hover{padding-left:22px;font-weight:400}.back-to-top,.bs-docs-theme-toggle{display:none;padding:4px 10px;margin-top:10px;margin-left:10px;font-size:12px;font-weight:400;color:#999}.back-to-top:hover,.bs-docs-theme-toggle:hover{color:#563d7c;text-decoration:none}.bs-docs-theme-toggle{margin-top:0}@media (min-width:601px){.ml50-screen-only{margin-left:50px}.mlr50-screen-only{margin-left:50px;margin-right:50px}}
.contents2{margin-left:auto;margin-right:auto;position:absolute;top:100px;width:100%}@media (min-width:601px){.contents2{top:70px}}
.mt1rem{margin-top:1rem}.collapsible-header{ display:block; cursor:pointer; padding:0.6rem 1rem; background-color:#fff; border-bottom:1px solid #ddd; height:auto; line-height:1.6rem}.collapsible-header i{ width:2rem; display:block; float:left; text-align:center; margin-right:1rem;font-size:1.36rem; line-height:1.6rem}.text09{font-size:0.9rem}.syntaxhighlighter{ overflow-y:hidden !important} .syntaxhighlighter.ie{ font-size:1em !important; padding:0 0 1.4em !important}code.theme{display:inline-block;min-width:100%;color:#000;background:#eceff1;padding:2.7rem 2rem 1.4rem;letter-spacing:0 !important;line-height:1.4rem !important;
font-family: 'Source Code Pro', monospace , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;font-size:12px}code.theme:before{display:block; position:absolute; padding:1px 7px; background:none repeat scroll 0% 0% #E8E6E3; top:0px; left:0px; color:#c62828 ; content:"language-markup"; font-size:0.9rem;border-right:#cfd8dc solid 1px;border-bottom:#cfd8dc solid 1px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}.collapsible-body iframe{ vertical-align:bottom}.btnrow1{height:70px;vertical-align:middle}#sidebar-thin{white-space:nowrap}.footer-copyright-fixed{ color:#000;;position:fixed;bottom:0;padding:1rem; font-size:0.78rem}.pdt20{padding-top:20px}#header{background-color:#fafafa;margin-bottom:30px}#Style{font-size:1.1rem;line-height:1.6rem}#Style h2{font-size:1.9rem;margin:70px auto 20px;font-weight:normal;border:0;padding:0;text-align:center;color:#000;padding:15px 0 10px}#Style h2 .linepink{border-bottom:#c62828  solid 2px;padding-bottom:4px}#Style p{margin:0 auto 5px;padding:0;text-align:center}#Style #js-function p,#Style #manual p{text-align:left;margin:0 auto 1rem}.striped td{padding:1rem 1rem 1rem 1.5rem}#Style #manual h2{font-size:1.1rem;margin:0 auto 20px;font-weight:normal;border:0;padding:0;text-align:left;color:#333;border-bottom:none;border-top:none;padding:7px 1rem;background-color:#eee;width:100%}#Style #manual h3{font-size:1rem;margin:20px auto 5px;font-weight:normal;border:0;padding:0;text-align:left;color:#333;border-bottom:none;border-top:none;padding:0}#Style .num{width:35px;display:inline-block}#Style #manual .desc5{font-size:11px;color:#666;line-height:1.3rem;padding:0 10px 0 35px}@media (max-width:600px){#Style h2{font-size:1.2rem;margin:40px auto 20px}#Style p{text-align:left}}
#Style #manual .how1{color:#cd0000;display:inline-block;padding-left:10px}.lixs li,.lixs a{font-size:10px !important;padding-left:10px !important}.lixs2 li,.lixs2 a{padding-left:10px !important}.scl_btn_top{ margin:0; padding:0 !important;display:block;text-align:right;position:fixed;right:50px;top:10px}.scl_btn_top ul{ list-style-type:none; margin-left:0px}.scl_btn_top li{ float:right; margin-left:10px}.fb_iframe_widget >span{ vertical-align:baseline !important}
@media (max-width: 600px) {#Style h2{line-height:2.4rem;font-size:1.4rem;margin:20px auto 20px}#Style h2 .linepink{border-bottom:#c62828  solid 2px;padding-bottom:0}#header{padding-top:30px}}
footer.page-footer .footer-copyright{height:auto;padding-bottom:10px;}
.text-info{ color:#ddd}#header{background-color:#fff}.linepink{border-bottom:none}.linepink{ color:#444; font-size:24px; position:relative; padding:10px 0 6px 34px !important; border-bottom:2px dotted #ddd !important}@media (max-width:600px){.linepink{ font-size:18px !important; padding:10px 0 1px 34px !important; border-bottom:2px dotted #ddd !important; margin-bottom:5px !important}#Style h2{margin-right:10px !important}.container{width:96%}}.linepink:before,.linepink:after{ content:""; position:absolute; margin:auto}.linepink:before{ width:12px; height:12px; top:0; left:14px; background:#ccc;  transform:rotate(50deg)}.linepink:after{ width:8px; height:8px; top:18px; left:6px; background:#ddd;  transform:rotate(20deg)}
.collapsible-header,.faq-body{padding:1rem;font-size:1rem}
#faq .collapsible-header{font-size: 14px;font-weight: bold}

body{color:#111}body p{font-size:16px;line-height:1.6em}@media (max-width:992px){body p{font-size:15px}}#faq p,.px13{font-size:14px !important;line-height:1.6em}.text-info{color:#c62828 }.btn{ background-color:#454545}.entry-title,.page-title{ border-bottom:#999 solid 1px}.linepink{ color:#c62828 ; font-weight:bold;padding:10px 5px 3px !important; border-bottom:2px solid #c62828  !important}.linepink:before,.linepink:after{ content:""; position:absolute; margin:auto}.linepink:before{ width:12px; height:12px; top:0; left:14px; background:none;  transform:rotate(50deg)}.linepink:after{ width:8px; height:8px; top:18px; left:6px; background:none;  transform:rotate(20deg)}@media (max-width:992px){.mobile-and-tablet-only{display:block}.pc-only{display:none}.container{padding:0 15px;width:100%}}@media (min-width:993px){.mobile-and-tablet-only{display:none}.pc-only{display:block}}@media screen and (min-width:993px){.container{padding:0}}@media (max-width:600px){.entry-title{font-size:1.3rem !important}.linepink{font-size:18px !important; padding:10px 5px 2px !important; border-bottom:2px solid #c62828  !important}h2{margin-bottom:10px !important}.screen-desc{display:none}}@media screen and (min-width:993px){#Style #manual h3{font-size:14px;font-weight:bold}#Style #manual .desc5{font-size:13px;padding-left:55px}}@media screen and (min-width:993px){.ft1{width:260px}#function table{font-size:13px}}@media screen and (max-width:992px){#function table{font-size:12px}}.banner177{display:none}@media screen and (min-width:1450px){.banner177{display:block;position:fixed;right:0;bottom:40px}}.bs-docs-sidebar .scrollspy-nav>li>a{color:#454545}.bs-docs-sidebar .scrollspy-nav .scrollspy-nav >li >a{line-height:1.6em !important}@media (min-width:1200px){.lixs,.lixs2{padding-left:1.6rem!important}}.takeoutapps{background:#fff;border:solid 3px #333;padding:10px;max-width:100%;text-align:center;margin:20px auto;padding:30px 10px;font-size:15px}.h2ws{margin:0 auto 5px;border:0;font-weight:bold;color:#C01714;font-size:26px}@media screen and (max-width:992px){.takeoutapps{padding:20px 10px}.h2ws{font-size:20px}}.demo1{ display:inline-block; margin-right:10px}.demo2{ display:inline-block; margin-left:10px}@media (max-width:992px){#fb-iframe iframe{max-width:100%}.demo1{ display:block; margin:0 auto 20px}.demo2{ display:block; margin:0 auto}#navigation{background:#fafafa;border:solid 1px #CCC;margin-bottom:20px}#navigation h2{padding-top:5px;padding-bottom:0;margin:0 auto !important;font-size:14px;font-weight:normal}#navigation ul li{padding:0 15px 10px}}

/* new */

#g-nav{  position:fixed; z-index:999; top:-120%; left:0;width:100%; height:100vh !important; transition:all 0.6s; background:rgba(255,255,255,0.95) !important}#g-nav .g-nav-logo{ margin:12px 0 10px}#g-nav .g-nav-logo img{ height:50px; padding-left:40px}#g-nav.panelactive{ top:0}#g-nav.panelactive #g-nav-list{  position:fixed; z-index:999; width:100%; height:100vh; overflow:auto; -webkit-overflow-scrolling:touch}#g-nav ul{  }#g-nav li{list-style:none;  width:100%; padding-left:30px}#g-nav li a{color:#333;text-decoration:none;padding:10px 10px;display:block;text-transform:uppercase;letter-spacing:0.1em;font-weight:bold}.openbtn{position:fixed; z-index:9999;top:10px;right:10px;background:#c62828  ; background:#333;cursor:pointer; width:50px; height:50px;border-radius:5px}.openbtn span{ display:inline-block; transition:all .4s; position:absolute; left:14px; height:2px; border-radius:5px;background:#fff; width:45%}.openbtn span:nth-of-type(1){top:13px}.openbtn span:nth-of-type(2){top:19px}.openbtn span:nth-of-type(3){top:25px}.openbtn span:nth-of-type(3)::after{content:"Menu";position:absolute;top:5px;left:-2px;color:#fff;font-size:0.6rem;text-transform:uppercase}.openbtn.active span:nth-of-type(1){ top:14px; left:18px; transform:translateY(6px) rotate(-45deg); width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){ top:26px; left:18px; transform:translateY(-6px) rotate(45deg); width:30%}.openbtn.active span:nth-of-type(3)::after{content:"Close"; transform:translateY(0) rotate(-45deg);top:5px;left:4px}@media (min-width:960px){ #g-nav, .openbtn{ display:none}}


.bs-docs-sidebar .scrollspy-nav .scrollspy-nav > .active:focus > a, .bs-docs-sidebar .scrollspy-nav .scrollspy-nav > .active:hover > a, .bs-docs-sidebar .scrollspy-nav .scrollspy-nav > .active > a, .bs-docs-sidebar .scrollspy-nav .scrollspy-nav > li > a:hover {

  text-decoration: underline;
}


.btn:hover {
  background-color: #454545;
}

.btn:hover,
.btn:focus,
.btn:active{
  color: #fff !important;
}

.demoshop-wrapper {
  display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content:         flex-start;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
	-webkit-align-content: stretch; /* Safari */
	align-content:         stretch;
  max-width: 420px;
  margin: 0 auto;
}
.demoshop-link{
  width: 50%;
  padding: 20px 10px 0;
  text-align: center;
}

@media (max-width:992px){

.demoshop-wrapper {
  max-width: 100%;
}
.demoshop-link{
  width: 100%;
  padding: 20px 0 0;
}

.demoshop-link .btn{
  margin-bottom: 0;
}

}

.description-example pre code::before {
  content: "記述例";
}

.vivace-sidebar-left::-webkit-scrollbar{
  width: 5px;
}
.vivace-sidebar-left::-webkit-scrollbar-track{
  background-color: #eee;
}
.vivace-sidebar-left::-webkit-scrollbar-thumb{
  background-color: #cdcdcd;
}

.vivace-sidebar-left {
  position: fixed;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 240px !important;
  padding: 40px 40px 10px 15px;
  overflow: auto;
  height: 100%;
  overflow-y: scroll;
  background-color: #fafafa;
}

.vivace-main{
  box-sizing: border-box;
  margin: 0 4vw 0 calc(240px + 4vw);

  max-width: 980px;
}

#sidebar-thin {
  max-width: 210px;
}

#sidebar-thin .logo{
  padding:0 20px 10px;
  padding: 8px 10px 13px;
margin-left: 2px;
margin-right: -27px;
}

#intro img{
  max-width: 700px;
}

#manual img{
  max-width: 700px;
}

.boxer{
  box-shadow:none !important
}

#backtotop{
  font-size: 11px;
  color: #757575;
  padding: 10px 0 0;
  margin-left: 260px;
}

#page-top {
  right: 3%;
  bottom: 10px;
  opacity: 0.8;

  opacity: 1;
}

#page-top .btn,
#page-top .btn-floating{
  box-shadow: none !important;

  /* background-color: #C691A5 !important; */
}

#page-top i {
  font-size: 14px;
  line-height: inherit !important;
  padding: 0 !important;
  margin: 0 0 4px 1px;
}

#faq p,
#purchase p,
#contact p,
#customize p,
#themes p{
  text-align: left;
}

@media (min-width: 960px){

header{
  padding-top: 40px;
}

}

@media (min-width: 1680px){

.vivace-sidebar-left {
  width: 300px !important;
  padding: 40px 45px 10px 45px;
}

.vivace-main{
  margin: 0 auto;
  max-width: 980px;
}

#sidebar-thin {
  max-width: 220px;
}

#backtotop{
  margin-left: 320px;
}

}

@media (max-width: 1060px) {
#intro img{
  max-width: 600px;
}

#manual img{
  max-width: 600px;
}
}

@media (max-width: 959px) {

.vivace-sidebar-left {
  display: none;
}

.vivace-main{
  margin: 0 15px;
  max-width: 100%;
}

#header {
  padding-top: 20px;
}

#backtotop{
  margin-left: 20px;
}

#intro img,
#manual img{
  max-width:100%;
}

}

#sidebar-thin .bs-docs-sidebar > .scrollspy-nav > li > a{
  padding-bottom: 8px;
}

#Style h2{
  padding-top: 0;
}

@media (min-width: 960px){

#Style h2{

  margin-top: 50px;
}
}

h1, h2{
  line-height: 1.6em;
}

/* #manual .entry-title{
  background-color: #212121 ;
  color: #fff;
  padding: 10px 0 10px 20px !important;
 
  border: none !important;
}

#manual .entry-title .text-info{
  color: #fff;
}

#manual .entry-title .grey-text{
  color:  #fff !important;
} */

#faq p {
  text-align: left;
  margin: 0 auto 1rem;
}

#faq  h3{
  font-size:1rem;margin:20px auto 5px;font-weight:bold;border:0;padding:0;text-align:left;color:#333;border-bottom:none;border-top:none;padding:0
}

.pc-only-inline{
  display: inline;
}

@media (max-width: 959px) {
.pc-only-inline{
  display: none;
}

}


.linepink {
  color: #121212;
  border-bottom: 2px dotted #ccc !important;
}

.text-justify{
  color:#c62828 
}



.accordion-001 {
  max-width: 100%;
  background-color: #fff;
  border: solid 1px #ddd;
}

.accordion-001:not([open]) {
  margin-bottom: 7px;
}

.accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  background-color:#212121 ;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::before,
.accordion-001 summary::after {
  width: 3px;
  height: .9em;
  border-radius: 5px;
  background-color: #fff;
  content: '';
}

.accordion-001 summary::before {
  position: absolute;
  right: 2em;
  rotate: 90deg;
}

.accordion-001 summary::after {
  transition: rotate .3s;
}

.accordion-001[open] summary::after {
  rotate: 90deg;
}

.accordion-001 > div {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;

  transition: transform .5s, opacity .5s;
}

.accordion-001[open] > div {
  transform: none;
  opacity: 1;
}

.linepink2 {
  color: #121212;
  font-size: 24px ;
  position: relative ;
  padding: 10px 10px 6px 34px !important;
  border-bottom: 2px dotted #ccc !important;
  font-weight: bold;

}
@media (max-width: 600px) {
.linepink2 {
  font-size: 16px !important;
  padding: 10px 5px 3px 34px !important;
  margin-bottom:5px !important;

}
}


.linepink2:before, .linepink2:after {
  content: "" ;
  position: absolute ;
  margin: auto ;
}
.linepink2:before {
  width: 12px ;
  height: 12px ;
  top: 0 ;
  left: 14px ;
  background: #cccccc ;
  /* background: #21B2B5; */
  transform: rotate(50deg) ;
}
.linepink2:after {
  width: 8px ;
  height: 8px ;
  top: 18px ;
  left: 6px ;
  background: #dddddd ;
  /* background: #76D1CC ;*/
  transform: rotate(20deg) ;
}


.linepink {
  color: #121212 ;
  font-size: 20px ;
  position: relative ;

}

@media (max-width: 600px) {
  .linepink {
    color: #121212 ;
    font-size: 16px !important ;
    position: relative ;
  }

}



/* sns */
#backtotop .sns-icon{
  position: absolute;
  right: 1.4vw;
  top: 10px;
}    
#backtotop .sns-icon .x{
  width: 28px;
  float: right;
  padding: 1px 6px 0 4px;
}    
#backtotop .sns-icon .instagram{
  width: 30px;
  float: right;
  padding: 0 0 0 10px;
}    
@media (max-width: 959px) {
  #backtotop .sns-icon{
    display: none;
  }
}
#g-nav-list .sns-icon{
  height: 30px;
  margin-top: 15px;
}    
#g-nav-list .sns-icon a{
  display: inline !important;
}   
#g-nav-list .svg{
  height: 30px;
}  
#g-nav-list .sns-icon .x{
  width: 35px;
  display: inline-block;
  padding: 0 15px 0 0;
}    
#g-nav-list .sns-icon .instagram{
  width: 30px;
  display: inline-block;
  padding: 0 0 0 10px;
}    

.breadcrumb {
  padding: 0;
  list-style: none;  
}

 .breadcrumb > * {
  display: contents;
}

 .breadcrumb > * > * {
  font-size: 12px;
  color: #999;
}

.breadcrumb > * > :hover,
.breadcrumb > * > :focus {
  color: #999;
  text-decoration: none;
}

.breadcrumb > :last-child > span,
.breadcrumb > :last-child > a:not([href]) {
  color: #999;
}

.breadcrumb > :nth-child(n + 2)::before {
  content: ">";
  display: inline-block;
  margin: 0 10px 0 calc(10px - 4px);
  font-size: 12px;
  color: #999;
}

.pc-only-inline{
	display: inline;
}

@media (max-width: 959px) {
.pc-only-inline{
	display: none;
}
}


/* sns */
#sidebar-thin .sns-icon{
  margin-top: 20px;
  margin-left: 16px;
}    
#sidebar-thin .sns-icon .x{
  width: 26px;
  float: left;
  padding: 1px 6px 0 4px;
}    
#sidebar-thin .sns-icon .instagram{
  width: 28px;
  float: left;
  padding: 0 0 0 10px;
}    

#g-nav-list .sns-icon{
  height: 30px;
  margin-top: 15px;
}    
#g-nav-list .sns-icon a{
  display: inline !important;
}   
#g-nav-list .svg{
  height: 30px;
}  
#g-nav-list .sns-icon .x{
  width: 35px;
  display: inline-block;
  padding: 0 15px 0 0;
}    
#g-nav-list .sns-icon .instagram{
  width: 30px;
  display: inline-block;
  padding: 0 0 0 10px;
}    


.breadcrumb {
  padding: 0;
  list-style: none;  
}

@media (min-width: 960px) {
  .breadcrumb {
    text-align: right;
    padding-right: 4%;
  }

  .text-center-pc{
    text-align: center;
  }
}
@media (max-width: 959px) {
#header h1{
  font-size: 1.3rem;
  line-height: 1.4;
}
}

 .breadcrumb > * {
  display: contents;
}

 .breadcrumb > * > * {
  font-size: 12px;
  color: #757575;
}

.breadcrumb > * > :hover,
.breadcrumb > * > :focus {
  color: #757575;
  text-decoration: none;
}

.breadcrumb > :last-child > span,
.breadcrumb > :last-child > a:not([href]) {
  color: #757575;
}

.breadcrumb > :nth-child(n + 2)::before {
  content: ">";
  display: inline-block;
  margin: 0 10px 0 calc(10px - 4px);
  font-size: 12px;
  color: #ccc;
}

.pc-only-inline{
	display: inline !important;
}

.pc-only-inline-block{
	display: inline-block !important;
}

@media (max-width: 959px) {
.pc-only-inline{
	display: none !important;
}
.pc-only-inline-block{
	display: none !important;
}
}

@media (min-width: 960px) {

#sidebar-thin {
  max-width: unset;
}

.btn-large{
  min-width: 40%;
}

}

@media (max-width: 959px) {
#header {
  margin-bottom: 20px;
}
}

.grey-text {
  color: #757575 !important;
}




.introsample img{
  max-width: 100% !important;
}

.introsample {
  display: flex;
  gap: 20px;
  margin: 20px auto 70px;
}

.introsample .inner{
  width: 33.333%;
}

.introsample .inner2{
  width: 50%;
}

@media (max-width: 959px) {
.introsample {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
    margin: 20px auto 35px;
  }
  
.introsample .inner{
    width: calc(50% - 10px)
  }

.introsample .inner2{
    width: calc(50% - 10px)
  }
}

a:hover.manual-title,
a.manual-title{
  border-left: solid 2px #78909c !important;
  margin: 9px 0 9px !important;
}

h1[id] {
  padding-top: 0;
  margin-top: 0;
}


.text-success,
a.text-success:hover{  color:#c62828 }

.text-danger,
a.text-danger:hover{  color:#c62828  }

.text-warning,
a.text-warning:hover{  color:#f57c00}


#Style .num {
  width: auto;
}

#Style #manual .desc5 {
  padding: 0 10px 0 0;
}

#Style #manual .subtitle{
  display: block;
  font-weight: bold;
  font-size: 1rem;
}

@media (min-width: 960px) {

#Style .num {
  width: 40px;
}

/* #Style #manual h2{
  margin-left: 40px !important;
} */

#Style .menutitle {
  padding-left: 40px;
}

#Style .divider {
  margin-right: 0 !important;
  margin-left: 40px !important;
}

#Style #manual .desc5 {
  padding: 0 10px 0 40px;
}

#manual a.glightbox{
  padding-left: 40px;
}

#Style #manual .subtitle{
  display: inline-block;
  padding-left: 14px;
  font-size: 1.1rem;
}

}


.scrollspy-nav.vis {
  display: block !important
}

.accordion-001 summary span{
  width: 100%;
  text-align: center;
}

.text-warning, a.text-warning:hover {
  color: #d32f2f 
}
.uk-label {
display: inline-block;
padding: 0 10px;
background: #1e87f0;
line-height: 1.5;
font-size: 12px;
color: #fff;
vertical-align: middle;
white-space: nowrap;
border-radius: 2px;
text-transform: uppercase;
margin: 0 5px 5px 0;
}
.uk-label-warning {
background-color: #ffa726 ;
color: #fff;
}
.plus-minus5{
padding-top: 10px; 
margin-top: -60px;
}
@media (max-width: 959px) {
.plus-minus5{
padding-top: 10px; 
margin-top: -30px;
}
}