@charset "utf-8";﻿body{position:relative;display:block;width:100%;height:auto;box-sizing:border-box}header{position:relative;width:100%;margin:0 auto;box-sizing:border-box;background:#fff;top:0;left:0;z-index:999999}header h2{font-size:11px;color:#fff;margin-bottom:10px;line-height:1.5}#header_inner1{padding:.5em 0 .8em;text-align:center}#header_inner1 a img{width:100%;max-width:160px;margin:auto}ul#bootscore-navbar>li ul.dropdown-menu{display:none;position:absolute;width:auto;height:auto;box-sizing:border-box;background:#fff;top:60px;right:0;z-index:999999}ul#bootscore-navbar>li ul.dropdown-menu>li>a{font-size:.9em}ul#bootscore-navbar>li:hover ul.dropdown-menu{display:block}ul#bootscore-navbar>li:hover ul.dropdown-menu a:hover{background:rgba(0,0,0,.1)}ul#bootscore-navbar>li>a:hover{background:rgba(100,100,100,.1)}#header_inner2{display:none;background:url(//sample.yoikutu.com/wp-content/themes/custom-theme/css/../img/logo2.png) no-repeat center .6em #2e554a;background-size:160px;position:fixed;top:0;right:0;z-index:90;box-sizing:border-box;width:100%;height:100vh;padding:0 1em}ul#bootscore-navbar>li{box-sizing:border-box;width:50%;border:solid 1px #2e554a}#header_inner2>div{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center}#header_inner2>div>div,.info-item{order:2;text-align:center;display:flex;justify-content:space-between;flex-wrap:wrap;padding:.5em;background:#fff;border-radius:5px}#header_inner2>div>div:before,.info-item:before{content:"お問い合わせ";display:block;width:100%;color:#2e554a;margin-bottom:.8em;font-size:.8em}#header_inner2 div div a,.info-item a{display:block;padding:.8em 20px;text-align:center;font-weight:500;border-radius:5px}#header_inner2 div div a span,.info-item a span{display:none}#header_inner2 .tel{order:1;width:49%}#header_inner2 .tel>span{display:none}#header_inner2 .form{order:2;width:49%}#header_inner2 .time{order:3;width:100%;padding-top:.8em;color:#2e554a;text-align:center}#header_inner2 .time span{display:block;text-align:center;white-space:nowrap}body.home #top{margin-bottom:2em}body.home #top h2{padding:1em 0;text-align:center;font-size:6vmin;background:#463a34;color:#fff}body.home #top{overflow:hidden;position:relative;width:100%;height:70vh;margin:auto}body.home #top>h2{position:absolute;top:50%;left:50%;width:400px;transform:translate(-50%,-50%);background:0 0;z-index:80}body.home #top>h2 img{width:100%}body.home #top div{position:absolute;top:0;left:0;width:100%;height:100%}body.home #main_img{position:relative;width:100%;overflow:hidden;height:100vh}body.home #main_img div{z-index:10;width:100%;height:100vh;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0;-webkit-animation:anime 32s 0s infinite both;animation:anime 32s 0s infinite both}body.home #main_img div:nth-of-type(2){-webkit-animation-delay:8s;animation-delay:8s}body.home #main_img div:nth-of-type(3){-webkit-animation-delay:16s;animation-delay:16s}body.home #main_img div:nth-of-type(4){-webkit-animation-delay:24s;animation-delay:24s}@keyframes anime{0%{opacity:0}12.5%{opacity:1}25%{opacity:1}37.5%{opacity:0;-webkit-transform:scale(1.2) rotate(.1deg);transform:scale(1.2) rotate(.1deg);z-index:9}100%{opacity:0}}body.home #main_img div:nth-of-type(1){background-image:url(/img/slide/slide-1.jpg)}body.home #main_img div:nth-of-type(2){background-image:url(/img/slide/slide2.jpg)}body.home #main_img div:nth-of-type(3){background-image:url(/img/slide/slide3.jpg)}body.home #main_img div:nth-of-type(4){background-image:url(/img/slide/slide4.jpg)}@media screen and (min-width:768px),print{header{align-items:center;margin-bottom:1em}#header_inner1{margin-right:auto;padding:0}header h2{display:block;margin-bottom:2em;font-size:.7em;font-weight:300;color:#aaa}#header_inner1 a img{width:100%;max-width:200px}#header_inner2{position:relative;display:block;width:auto;height:auto;background:0 0}#header_inner2 div{display:block;height:auto}#header_inner2>div>div{display:flex;justify-content:center;align-items:center;padding:0;background:0 0;width:auto}#header_inner2 div div:before{content:none}#header_inner2 div div a span{display:inline}#header_inner2 .tel{order:1;width:auto;padding:0;padding-right:1em}#header_inner2 .tel a{display:none}#header_inner2 .tel>span{display:inline;font-size:1.8em;font-weight:700;color:#222}#header_inner2 .tel>span:before{content:"Tel：";font-size:.6em}#header_inner2 .form{order:3;width:auto;padding-left:1em}#header_inner2 .form a{display:inline-block;margin:0;padding:.5em 2em;text-align:center;font-size:1em;font-weight:500;color:#fff;background:#2e554a}#header_inner2 .time{order:2;width:auto;padding:0;font-size:1.1em;color:#333}ul#bootscore-navbar>li:nth-child(1)>a:after{content:"HOME"}ul#bootscore-navbar>li:nth-child(2)>a:after{content:"PRODUCT SHOES"}ul#bootscore-navbar>li:nth-child(3)>a:after{content:"WARKSHOP OF SHOES"}ul#bootscore-navbar>li:nth-child(4)>a:after{content:"FOOT CARE"}ul#bootscore-navbar>li:nth-child(5)>a:after{content:"TROUBLE"}ul#bootscore-navbar>li:nth-child(6)>a:after{content:"ACCESS"}ul#bootscore-navbar>li>a:after{display:block;padding-top:.8em;font-size:.6em;letter-spacing:1px;color:#2e554a;border:0}ul#bootscore-navbar>li>a:hover:before{width:100%}}@media screen and (min-width:769px),print{#header_inner2 div div{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);padding:0;background:0 0;width:auto}#header_inner2 .time span{display:inline-block}#header_inner2 .tel{grid-column:1/2}#header_inner2 .time{grid-column:1/3}#header_inner2 .form{grid-row:1/2;grid-column:2/3}}@media screen and (min-width:960px),print{#header_inner{display:flex;align-items:center}header h2 span{display:block}#header_inner1{margin-right:auto;padding:0;text-align:left}#header_inner2 div div{justify-content:end}ul#bootscore-navbar>li{display:inline-block;width:auto;border:none}nav a{color:#222;text-align:center}}@media screen and (max-width:1024px){#header_inner2 .tel>span{font-size:1.6em}#header_inner2 .time{font-size:1em}}@media screen and (max-width:980px){header{position:relative;height:auto}#header_inner{display:none}ul#bootscore-navbar,ul#bootscore-navbar>li,ul#bootscore-navbar>li>a,ul#bootscore-navbar>li ul.dropdown-menu{width:100%}ul#bootscore-navbar{padding:15px;box-sizing:border-box}ul#bootscore-navbar>li{padding:10px;box-sizing:border-box}ul#bootscore-navbar>li ul.dropdown-menu{position:relative;top:0}body{padding:0}body.home #top>h2 img{width:90%}body.home #main_img div:nth-of-type(1){background-image:url(/img/slide/slide-1-sp.jpg)}}@media screen and (max-width:460px){.page_top_btn{bottom:70px}}