/*-------------- non delet ---------------------------------------------
License: GNU General Public License
License URI: license.txt
Theme URI: https://templx.com/
Theme Name: TEMPLX
Author: TEMPLX
Author URI: https://templx.com/
Description: TEMPLX
--------------- non delet --------------------------------------------- */
@charset "utf-8";html, body, div, h1, h2, h3, h4, h5, h6, p, span, header, footer, nav, aside,
small, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, dialog, blockquote, figure,
menu, section, time, mark, object, audio, video{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;word-break:break-all;word-wrap:break-word;}
section, header, footer, aside, article, menu, nav, details, figcaption, figure{display:block;}
h1, h2, h3, h4, h5, h6, strong, em{font-weight:normal;}
body{font-family:"Noto Sans Japanese","メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;font-size:15px;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#8a8a8a;}
html{}
.clear{clear:both;}
img{border:none;vertical-align:bottom;}
ul,ol{list-style:none;}
a{color:#8a8a8a;outline:none;text-decoration:none;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;-ms-transition:0.6s;}
a:hover, a:active{color:#323232;}
#header-but a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
#header-but a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#header-but a:hover, #header-but a:focus, #header-but a:active{color:#fff;}
#header-but a:hover:before, #header-but a:focus:before, #header-but a:active:before{-webkit-transform:scale(1);transform:scale(1);}
.fixed{position:fixed;}
#wrapper{width:100%;text-align:center;float:left;overflow:hidden;}
.wrap{width:900px;margin:0 auto;text-align:left;}
#wrapper-loading{width:100%;height:100%;background:#fff;position:fixed;top:0;left:0;z-index:1000;}
#wrapper-loading img{margin:-30px 0 0 -30px;position:fixed;top:50%;left:50%;}
#scroll-menu{width:200px;height:100%;padding-top:50px;background-color:rgba(255,255,255,0.4);text-align:center;position:fixed;top:0;left:0;z-index:500;}
#scroll-menu-border{width:200px;height:100%;background:url(images/scroll-border.png) repeat-y center top;}
#scroll-menu-box{width:100%;margin-top:150px;float:left;}
#scroll-menu-box li ul{width:100%;float:left;}
#scroll-menu-box li{width:100%;margin:5px 0;text-align:center;font-size:12px;float:left;}
#scroll-menu-box li span{width:130px;height:30px;line-height:28px;margin:0 auto;}
#scroll-menu-box a{width:128px;height:28px;border:1px solid #e4e4e4;background:#fff;display:inline-block;}
#scroll-menu-box a:hover{background:#464646;color:#fff;}
#scroll-menu-box a.stay{background:#464646;color:#fff;}
#scroll-menu-box li.page-on a{background:#464646;color:#fff;}
header.site-header{position:fixed;top:0;left:0;z-index:600;}
header.site-header h1,
header.site-header .ps-title{float:left;}
#header-but{width:250px;position:fixed;top:10px;right:5px;}
#header-but p{width:120px;margin-right:5px;float:left;}
#header-but a span{padding-left:14px;}
#header-but p.header-login a,
#header-but p.header-register a,
#header-but p.header-mypage a,
#header-but p.header-logout a{width:118px;margin-bottom:5px;padding:5px 0px;border:1px solid #262626;font-size:15px;}
#header-but p.header-cart{width:250px;margin-right:0;}
#header-but p.header-cart a{width:243px;padding:5px 0px;border:1px solid #262626;float:left;}
#header-but p.header-cart a{background:url(images/icon13.png) no-repeat 55px center;}
#header-but p.header-login a{background:url(images/icon9.png) no-repeat 10px center;}
#header-but p.header-register a{background:url(images/icon1.png) no-repeat 10px center;}
#header-but p.header-logout a{background:url(images/icon12.png) no-repeat 5px center;}
#header-but p.header-mypage a{background:url(images/icon1.png) no-repeat 5px center;}
#header-but p.header-login a:before{background:#464646 url(images/icon9.png) no-repeat 10px center;}
#header-but p.header-register a:before{background:#464646 url(images/icon1.png) no-repeat 10px center;}
#header-but p.header-mypage a:before{background:#464646 url(images/icon1.png) no-repeat 5px center;}
#header-but p.header-logout a:before{background:#464646 url(images/icon12.png) no-repeat 5px center;}
#header-but p.header-cart a:before{background:#464646 url(images/icon13.png) no-repeat 55px center;}
#header-menu{position:fixed;top:90px;left:0;}
#header-menu-in{width:100%;float:left;position:relative;z-index:700;}
#header-menu-box{width:200px;float:left;}
#header-menu-in nav{width:100%;height:50px;text-align:right;background:url(images/header-menu-arrow.png) no-repeat center right;position:absolute;left:-100%;top:10px;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;}
#header-menu-in nav ul{width:97.3%;height:50px;background:#464646;float:left;}
#header-menu-in nav li{margin-right:4px;display:inline-block;}
#header-menu-in nav li img{display:inline-block;}
#scroll-menu-but{width:50px;height:50px;margin:0 auto;padding:10px;background:#fff;}
#scroll-menu-but p{width:30px;height:30px;padding:10px;background:#464646;float:left;z-index:1000;position:relative;cursor:pointer;}
#scroll-menu-but span{width:30px;height:4px;background:#fff;border-radius:1px;transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;float:left;}
#scroll-menu-but p span:nth-of-type(1){margin-top:4px;}
#scroll-menu-but p span:nth-of-type(2),
#scroll-menu-but p span:nth-of-type(3){margin-top:5px;}
.menu-open #scroll-menu-but p span:nth-of-type(1){transform:translateY(9px) translateX(0) rotate(315deg);-webkit-transform:translateY(9px) translateX(0) rotate(315deg);-ms-transform:translateY(9px) translateX(0) rotate(315deg);-moz-transform:translateY(9px) translateX(0) rotate(315deg);-o-transition:translateY(9px) translateX(0) rotate(315deg);}
.menu-open #scroll-menu-but p span:nth-of-type(2){width:0!important;margin-left:50%;}
.menu-open #scroll-menu-but p span:nth-of-type(3){transform:translateY(-9px) translateX(0) rotate(-315deg);-ms-transform:translateY(-9px) translateX(0) rotate(-315deg);-webkit-transform:translateY(-9px) translateX(0) rotate(-315deg);-moz-transform:translateY(-9px) translateX(0) rotate(-315deg);-o-transition:translateY(-9px) translateX(0) rotate(-315deg);}
.menu-open nav{transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transition:translateX(100%);}
#sns-but{width:100%;margin-bottom:30px;text-align:center;float:left;}
#sns-but p{width:50px;height:50px;background:url(images/sns/sns-but.png) no-repeat;overflow:hidden;display:inline-block;}
#sns-but p a img:hover{transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transform:rotateY(360deg);-ms-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
#top-scroll{width:100%;height:100px;margin-top:50px;text-align:center;float:left;position:relative;}
#top-scroll-in{width:100%;height:100px;position:absolute;bottom:-50px;left:0;z-index:10;}
#top-scroll-in img{display:inline-block;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;}
#top-scroll-in img:hover,
#top-scroll-in img:focus,
#top-scroll-in img:active{animation-name:top-scroll;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1;-webkit-animation-name:top-scroll;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;-ms-animation-name:top-scroll;-ms-animation-duration:1s;-ms-animation-timing-function:ease-in-out;-ms-animation-iteration-count:1;-moz-animation-name:top-scroll;-moz-animation-duration:1s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:1;-o-animation-name:top-scroll;-o-animation-duration:1s;-o-animation-timing-function:ease-in-out;-o-animation-iteration-count:1;}
@-webkit-keyframes top-scroll{16.65%{transform:translateY(16px);-webkit-transform:translateY(16px);}
33.3%{-webkit-transform:translateY(-12px);transform:translateY(-12px);}
49.95%{-webkit-transform:translateY(8px);transform:translateY(8px);}
66.6%{-webkit-transform:translateY(-4px);transform:translateY(-4px);}
83.25%{-webkit-transform:translateY(1px);transform:translateY(1px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes top-scroll{16.65%{-webkit-transform:translateY(16px);transform:translateY(16px);-ms-transform:translateY(16px);-moz-transform:translateY(16px);-o-transform:translateY(16px);}
33.3%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-ms-transform:translateY(-12px);-moz-transform:translateY(-12px);-o-transform:translateY(-12px);}
49.95%{-webkit-transform:translateY(8px);transform:translateY(8px);-ms-transform:translateY(8px);-moz-transform:translateY(8px);-o-transform:translateY(8px);}
66.6%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-ms-transform:translateY(-4px);-moz-transform:translateY(-4px);-o-transform:translateY(-4px);}
83.25%{-webkit-transform:translateY(1px);transform:translateY(1px);-ms-transform:translateY(1px);-moz-transform:translateY(1px);-o-transform:translateY(1px);}
100%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);}
}
#footer-in{width:100%;padding:80px 0 50px;background:#636363;text-align:center;color:#fff;overflow:hidden;clear:both;float:left;position:relative;}
#footer-in a{color:#fff;}
#footer-in a:hover{color:#9f9f9f;}
#footer-box{width:100%;margin-bottom:50px;float:left;}
#footer-menu{width:900px;margin:0 auto;}
#footer-menu .menu3main{width:300px;text-align:left;float:left;}
#footer-menu .menu3main li{width:100%;margin-bottom:10px;float:left;}
#footer-menu .top-level1,
#footer-menu .top-level2,
#footer-menu .top-level3{width:100%;font-size:18px;font-weight:bold;}
#footer-menu .top-level1 a{padding-left:36px;background:url(images/icon3.png) no-repeat left center;}
#footer-menu .top-level2 a{padding-left:36px;background:url(images/icon4.png) no-repeat left center;}
#footer-menu .top-level3 a{padding-left:36px;background:url(images/icon5.png) no-repeat left center;}
#footer-menu .sub1 a{padding-left:25px;background:url(images/icon6.png) no-repeat left center;}
#footer-menu .sub2 a{padding-left:25px;background:url(images/icon7.png) no-repeat left center;}
#footer-menu .footer-menu-bottom{width:100%;margin-top:50px;text-align:left;float:left;}
#footer-menu .footer-menu-bottom li{width:180px;margin-bottom:10px;float:left;}
#footer-menu .footer-menu-bottom li.footer-plugin{width:240px;}
#footer-menu .footer-menu-bottom li.footer-plugin2{width:200px;}
#footer-menu .footer-menu-bottom li a{padding-left:22px;background:url(images/icon8.png) no-repeat left center;}
#footer-copy{width:100%;font-size:13px;float:right;}
#copylight{width:100%;margin-bottom:5px;float:right;}
#footer-title{width:100%;margin-top:30px;font-size:13px;float:left;}
.footer-logo{width:100%;margin-bottom:50px;float:left;}
@media screen and (max-width:900px){.wrap,
#footer-menu{width:100%;}
header.site-header{width:100%;position:static;z-index:0;}
#header-in{width:100%;height:70px;background:#fff;border-bottom:1px solid #bdbdbd;position:fixed;top:0;left:0;z-index:800;}
header.site-header h1,
header.site-header .ps-title{width:100%;margin-top:10px;text-align:center;}
#scroll-menu,
#header-menu-box{display:none;}
#header-but{width:100%;position:static;top:0;right:0;text-align:center;float:left;margin-bottom:20px;}
#header-but p{width:50%;margin-right:0;}
#header-but p.header-cart{width:100%;}
#header-but p.header-login a,
#header-but p.header-register a,
#header-but p.header-mypage a,
#header-but p.header-logout a{width:90%;margin-bottom:10px;border:1px solid #fff;float:none;}
#header-but p.header-cart a{width:90%;border:1px solid #fff;float:none;}
#header-but p.header-cart a{background:url(images/icon13.png) no-repeat 30% center;}
#header-menu-in,
#header-menu{position:static;top:0;z-index:0;}
#header-menu-in nav{height:100%;text-align:center;background:none;position:static;left:0;top:0;transition:0;-webkit-transition:0;-moz-transition:0;-o-transition:0;-ms-transition:0;}
#main-menu-hidden{text-align:center;width:100%;height:100%;padding-top:120px;background:#464646;overflow-y:scroll;position:fixed;top:0;left:0;display:none;z-index:200;}
#header-menu-in nav ul{width:100%;height:auto;background:none;}
#smart-menu{width:50px;height:50px;margin:0 auto;padding:10px;background:#fff;position:fixed;top:0;left:0;z-index:1000;}
#smart-menu p{width:30px;height:30px;padding:10px;background:#464646;float:left;z-index:1000;position:relative;cursor:pointer;}
#smart-menu span{width:30px;height:4px;background:#fff;border-radius:1px;transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;float:left;}
#smart-menu p span:nth-of-type(1){margin-top:4px;}
#smart-menu p span:nth-of-type(2),
#smart-menu p span:nth-of-type(3){margin-top:5px;}
.menu-open #s-menu p span:nth-of-type(1){transform:translateY(9px) translateX(0) rotate(315deg);-webkit-transform:translateY(9px) translateX(0) rotate(315deg);-ms-transform:translateY(9px) translateX(0) rotate(315deg);-moz-transform:translateY(9px) translateX(0) rotate(315deg);-o-transition:translateY(9px) translateX(0) rotate(315deg);}
.menu-open #s-menu p span:nth-of-type(2){width:0!important;margin-left:50%;}
.menu-open #s-menu p span:nth-of-type(3){transform:translateY(-9px) translateX(0) rotate(-315deg);-ms-transform:translateY(-9px) translateX(0) rotate(-315deg);-webkit-transform:translateY(-9px) translateX(0) rotate(-315deg);-moz-transform:translateY(-9px) translateX(0) rotate(-315deg);-o-transition:translateY(-9px) translateX(0) rotate(-315deg);}
.menu-open nav{transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transition:none;}
#top-scroll{margin-top:0;}
#footer-menu{width:94%;}
#footer-menu .menu3main{width:50%;margin:5px 0;}
#footer-menu .footer-menu-bottom li{width:50%;margin-bottom:10px;float:left;}
}
@media screen and (max-width:480px){#footer-menu .menu3main{width:100%;margin:5px 0;}
}