html, body{width:100%;}
html.open{overflow:hidden}
p, ul, ol, li, dl, dt, dd, form, figure, form{margin:0px;padding:0px;}
li {
list-style: none;
} p{line-height:2.2em;}
ol{padding-left:40px;padding-bottom:15px;}
img{border:none;max-width:100%;height:auto;vertical-align:middle;}
body{margin:0 auto;padding:0px;height:100%;color:#000;line-height:1.5em;font-family:'Noto Sans JP', "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;background:#fff;font-weight:500;font-size:16px;}
body:before{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background-image:url(//start2013.com/wp-content/themes/start/images/main-bg.jpg);background-position:top center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
html {
overflow-x: hidden;
} a{text-decoration:none;color:#000;}
a:hover{color:#ffce00;}
header, nav, article, aside, section, footer{display:block;}
.smp-800only{display:none;}
span.marker-yellow{background:linear-gradient(transparent 50%, #ffff66 0%);}
span.marker-blue{background:linear-gradient(transparent 50%, #ccffff 0%);font-size:1em;}
span.marker-pink{background:linear-gradient(transparent 50%, #ffccff 0%);}
span.marker-gray{background:linear-gradient(transparent 50%, #ddd 0%);}
#topics-single .txt a{text-decoration:underline;}
#topics-single .txt h1{text-align:center;padding:0;margin:10px 0;}
#topics-single .txt h1:before{display:none;}
#topics-single .txt h2{line-height:1.5em;text-align:left;font-size:1.5em;margin:10px 0;padding:0.5em;background-color:#000;color:#fff;}
#topics-single .txt h3{line-height:1.4em;text-align:left;margin:1rem 0;}
#topics-single .txt h4{line-height:1.6em;text-align:left;margin:1rem 0;}
#topics-single .txt h5 ,h5{padding:1rem;line-height:1.5em;border-top:3px dotted #000;border-bottom:3px dotted #000;font-size:1.5em;letter-spacing:5px;margin:1rem 0;}
#topics-single .txt h6{line-height:1em;margin:1em 0;font-size:1.2em;}
iframe.wp-embedded-content.lazyloaded{max-width:100% !important;width:100% !important;}
@media screen and (max-width:800px){
.pc800-only{display:none;}
.smp-800only {
display: block;
} p{font-size:1em;}
}
@media screen and (max-width:500px){
body {
line-height: 1.5em;
font-size: 14px;
} p{font-size:0.9em;}
}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
svg:hover{fill:#ffce00;}
*,
*:before,
*:after{box-sizing:border-box;}
.b-red{color:red;font-weight:900;}
.b-blue{color:blue;font-weight:900;}
header{width:100%;height:87px;margin:0;padding:0;z-index:990;transition:5s;background:#000;}
header#top{background:transparent;}
header#top.bk{background:#000;}
.site-header{padding:0;position:fixed;top:0;transition:.5s;width:100%;z-index:999;}
.site-header.hide{transform:translateY(-200%);}
#header-logo{position:absolute;top:10px;left:5px;z-index:1;width:80px;}
header#top #header-logo{display:none;}
header#top.bk #header-logo{display:block;top:10px;left:5px;width:80px;}
@media screen and (max-width:1024px){
.site-header{background:#000;}
.site-header.hide{transform:none;}
}
@media screen and (max-width:800px){}
@media screen and (max-width:600px){}
@media screen and (max-width:400px){}
#menu{display:flex;justify-content:flex-end;}
#menubar #menubar ul{margin-top:15px;margin-right:10px}
#menubar ul li{display:inline-block;position:relative;margin-right:10px;margin-top:30px;padding:0 5px 10px 5px;z-index:999;transition:0.3s;}
#menubar ul li:hover{}
#menubar ul li a{color:#fff;font-weight:700;text-decoration:none;transition:0.3s;}
#menubar ul li:hover a{color:#ffce00;}
ul.sns{display:flex;height:25px;}
ul.sns li{margin-right:5px;list-style:none;}
#menubar .sns li{margin-right:5px;}
#menubar svg{fill:#fff;height:25px;}
#menubar svg:hover{fill:#ffce00;}
#menubar-s{display:none;z-index:990;}
#menubar_hdr{display:none;}
@media screen and (max-width:1024px){
#menubar-s{display:block;}
#menu{display:none;}
#nav_toggle{position:fixed;top:13px;right:15px;height:80px;cursor:pointer;}
#nav_toggle div{position:relative;width:50px;height:50px;}
#nav_toggle span{width:42px;height:5px;border-radius:15px;display:block;background:#fff;position:absolute;left:0;right:0;margin:auto;transition:transform .6s ease-in-out, top .5s ease;}
#nav_toggle span:nth-child(1){top:15px;transition:transform .6s ease-in-out, top .5s ease;}
#nav_toggle span:nth-child(2){top:28px;transition:transform .6s ease-in-out, top .5s ease;}
#nav_toggle span:nth-child(3){top:41px;transition:transform .6s ease-in-out, top .5s ease;}
#nav_toggle span:hover span:nth-child(1){top:4px;}
#nav_toggle span:hover span:nth-child(3){top:23px;}
.open #nav_toggle span:nth-of-type(1){background:#fff;top:10px;-webkit-transform:translateY(20px) rotate(-45deg);transform:translateY(20px) rotate(-45deg);}
.open #nav_toggle span:nth-of-type(2){opacity:0;}
.open #nav_toggle span:nth-of-type(3){background:#fff;top:50px;-webkit-transform:translateY(-20px) rotate(45deg);transform:translateY(-20px) rotate(45deg);}
#nav_toggle{z-index:1000;}
.smenu-logo{text-align:center;padding:10px}
.smenu-logo img{height:150px;}
#gloval-nav{background:#000;position:fixed;top:0;left:0;right:0;bottom:0;height:auto;z-index:900;visibility:hidden;flex-direction:column;justify-content:center;opacity:0;transition:opacity .6s ease, visibility .6s ease;padding:2rem 4rem;}
.gloval-nav-wrap{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
#gloval-nav .logo{width:150px;}
#gloval-nav ul{margin:2rem 0;list-style:none;}
#gloval-nav li{padding:20px 0;display:flex;align-items:center;color:#fff;}
#gloval-nav li a{justify-content:flex-start;color:#fff;font-size:2em;}
#gloval-nav a:hover{color:#ffce00;}
#menubar-s .sns{justify-content:flex-start;}
#menubar-s li{margin-right:10px;}
.open{overflow:hidden;}
.open #gloval-nav{visibility:visible;opacity:1;}
.open #gloval-nav li{opacity:1;}}
}
@media screen and (max-width:600px){#nav_toggle{position:fixed;top:15px;right:10px;height:32px;cursor:pointer;}
.open #nav_toggle:nth-child(1){top:20px;transform:rotate(45deg);}
.open #nav_toggle:nth-child(2){top:20px;width:0;left:50%;}
.open #nav_toggle:nth-child(3){top:20px;transform:rotate(-45deg);}}
@media screen and (max-width:500px){#gloval-nav .logo{width:120px;}
#gloval-nav li a{font-size:1.7em;}
#gloval-nav li{padding:15px 0;}}
@media screen and (max-width:400px){}
section{margin: 0;
padding: 0;
}
main{width: 100%;
margin: 0;
padding: 0;
}
.contents{width: 1280px;
margin: 0 auto;
padding: 60px 0;
}
@media screen and (max-width:1280px){.contents{width:100%;}}
.contents.max{width: 100%;
margin: 0;
padding: 0;
} .width1024px{width: 1024px;
margin: 0 auto
}
.width900px{width: 900px;
margin: 0 auto
}
.width800px{width: 800px;
margin: 0 auto
}
.flex{display: flex;
align-items: center;
justify-content: center;
} h1{position: relative;
width: 100%;
text-align: left;
margin: 0;
font-weight: 900;
padding: 0 0 0 80px;
font-size: 4em;
letter-spacing: 2.5px;
line-height: 1.2em;
color: #000;
}
h1:before{content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
background: #000;
width: 60px;
height: 8px;
color: #000;
}
h2{width: 100%;
text-align: center;
margin: 0 0 50px;
font-weight: 900;
padding: 0;
font-size: 3em;
letter-spacing: 2.5px;
line-height: 1.8em;
color: #000;
}
h2.side{position: relative;
width: 100%;
text-align: left;
margin: 0;
font-weight: 900;
padding: 0 0 0 80px;
font-size: 4em;
letter-spacing: 2.5px;
line-height: 1.2em;
color: #000;
}
h2.side:before{content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
background: #000;
width: 60px;
height: 8px;
color: #000;
}
h3{font-size: 1.8em;
line-height: 1.8em;
letter-spacing: 0.1px;
font-weight: 700;
padding: 0 0 0 22px;
margin: 0 0 20px;
color: #000;
position: relative;	
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
}
h3:before{content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
background: #000;
width: 15px;
height: 4px;
color: #000;
}
h4{padding: 1rem;
background: #000;
color: #fff;
text-align: center;
font-size: 1.5em;
letter-spacing: 5px;
margin-bottom: 2rem;
line-height:1.8em;
}
@media screen and (max-width:500px){h2{font-size:2.5em;line-height:1.8em;margin:0 0 2rem;}}
.fadein{opacity: 0;
transform: translateY(20px);
transition: all 1s;
} .slidein{opacity: 0;
transform: translate(-10%, 0);
transition: 1.5s;
} .slidein-right{opacity: 0;
transform: translate(10%, 0);
transition: 1.5s;
overflow: hidden;
} .element{opacity: 0;
}
div.link-button{width: 100%;
}
div.link-button a{display: block;
text-align: right;
}
div.link-button a span{font-size: 1.5em;
font-weight: 700;
border-bottom: 5px solid #000;
padding-bottom: 5px;
} input[type="submit"],
input[type="button"]{border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{display: none;
}
.topics-archive.flex{flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.eyecatch{background: #eee;
position: relative;
margin-bottom: 5px;
overflow: hidden;
}
.eyecatch:before{content: "";
display: block;
padding-top: 70%;
}
.eyecatch .img{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.9;
background-position: center center;
background-size: cover;
transition-duration: 0.3s;
}
.eyecatch a:hover .img, a:hover .eyecatch .img{transform: scale(1.2);
transition-duration: 0.3s;
}
.eyecatch span.cat{position: absolute;
top: 10px;
right: 10px;
padding: 0 5px;
background: #000;
color: #fff;
font-size: 0.7em;
}
.topics .cat{display: none
}
span.new-mark{border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
background: red;
opacity: 1;
position: absolute;
z-index: 100;
top: 5px;
left: 5px;
font-size: 13px;
color: #fff;
}
} .pickup-cat.flex {
justify-content: space-between;
margin-bottom: 40px;
flex-wrap:wrap;
}
.pickup-cat a{display: block;
flex-basis: 49%;
background: #aaa;
margin-bottom: 1em;
}
.pickup-cat img{width: 100%;
transition: 0.3s;
/ /
}
.pickup-cat img:hover{width: 100%;
/ /
}
@media screen and (max-width:750px){ .pickup-cat.flex {
display: block;
margin-bottom: 0;
}
.products.pickup-cat.flex{margin-bottom: 40px;
}
.pickup-cat a{width: 100%;
margin-bottom: 1rem;
}
.pickup-cat img{width: 100%;
}
}
@media screen and (max-width:500px){
.topics-archive.flex {
display: block;
margin-bottom: 2rem;
}
.eyecatch .img{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.9;
background-position: center center;
background-size: cover;
}
}
@media screen and (max-width:1024px){
.width1024px {
width: 100%;
margin: 0 auto;
}
}
@media screen and (max-width:900px){
.width900px {
width: 100%;
margin: 0 auto
}
}
@media screen and (max-width:800px){
.width800px {
width: 100%;
margin: 0 auto
}
} main#contents {
margin-top: 87px;
}
#contents-header{}
#contents-header .contents{}
#contents-header .contents-ttl{position: relative;
height: 300px;
padding: 2rem 0 5rem;
}
#contents-header h1{}
#contents-header p.sub-ttl{margin-left: 80px;
}
#contents-header .contents-img{position: absolute;
top: 0;
left: 250px;
z-index: -1;
width: calc(100% - 250px);
width:100%;
background: #eee;
}
#contents-header .contents-img img{object-fit: cover;
height: 250px;
width:100%;
}
#contents-header .contents-img .bg{width: 100%;
height: 250px;
background: #eee;
}
#contents-header .pankuzu{margin: 0.5rem 0 2rem;
}
#contents-header a{}
@media screen and (max-width:500px){#contents-header {}
#contents-header h1{margin-left: -3rem;
font-size: 3em;
}
#contents-header p.sub-ttl{margin-left: 2rem;
}
#contents-header .contents-img{position: absolute;
top: 0;
left: 150px;
z-index: -1;
width: calc(100% - 150px);
}
#contents-header .contents-img img{object-fit: cover;
   width: 100%;
height: 250px;
}
}
@media screen and (max-width:400px){
#contents-header h1 {
font-size: 3em;
}
} dl {
width: 100%;
flex-wrap: wrap;
align-items: stretch;
line-height: 1.5em;
justify-content: space-between;
}
dl.flex{align-items: stretch;
}
dl dt, dl dd{margin: 15px 0 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
overflow: hidden;
}
dl dt{flex: 0 0 20%;
display: flex;
justify-content: center;
color: #fff;
position: relative;
background: #000;
}
dl dt p{text-align: center;
line-height: 1.3em;
font-size: 1.1em;
font-weight: 700;
letter-spacing: 0.1em;
}
dl dt span{display: block;
font-size: 0.7em;
font-weight: 500;
}
dl dd{padding: 1.5rem;
flex: 0 0 70%;
font-size: 1.1em;
line-height: 1.5em;
padding-left: 2rem;
position: relative;
background: #f2f2f2;
}
dl dd:after{content: "";
position: absolute;
width: 0;
height: 0;
top: 0;
bottom: 0;
margin: auto;
left: 0;
border-style: solid;
border-color: transparent transparent transparent #000;
border-width: 80px 0 80px 1em;
z-index: 10;
}
#company .link a{display:block;
text-align:center;
padding:2em;
margin:0 auto;
}
#company .link a img{max-width: 800px;
width: 100%;
}
@media screen and (max-width:800px){#company {}
#company .contents{padding: 4rem 2rem 0;
}
dl.flex{display: block;
}
dl dt, dl dd{margin: 0;
}
dl dt{padding: 1rem;
background: #000;
}
dl dd{padding: 1.5rem;
margin-bottom: 1rem;
line-height: 1.8em;
padding-left: auto;
}
dl dd:after{display: none
}
}
@media screen and (max-width:500px){
#company .contents {
padding: 2rem 1rem 0;
}
#company .link a{padding:1em;
}
} #column2.flex {
margin: 4rem auto 0;
width: 1024px;
align-items: stretch;
}
#column2 #side{width: 270px;
margin-right: 40px;
}
#column2 #side .side{position: sticky;
top: 100px;
}
#column2 #side h3,
#column2 #bottom h3{font-size: 1.3em;
margin: 0;
padding: 0 0 0 15px;
background: #000;
color: #fff;
}
#column2 #side.products h3{display: none;
}
#column2 #side h3:before{width: 10px;
height: 3px;
background: #fff;
}
#column2 #side{width: 270px;
margin-right: 40px;
}
#column2 #main{width: calc(100% - 310px);
} #column2 .pickup-cat.flex{padding-bottom: 3rem;
flex-wrap: wrap;
justify-content: space-between;
}
h3.product-h3{position: relative;
font-size: 1.2em;
padding: 0 0 0 0;
margin: 0 0 0.5rem;
}
h3.product-h3.contents2{margin-top: 1.5rem;
}
h3.product-h3:before{position: absolute;
font-size: 4em;
top: -3rem;
bottom: 0;
margin: auto;
left: -1rem;
width: auto;
height: auto;
background: none;
color: #e7e7e7;
z-index: -1;
line-height: 1em;
}
h3.product-h3.contents1:before{content: "PICK UP";
}
h3.product-h3.contents2:before{content: "ALL PRODUCTS";
} ul.accordion{width: 100%;
padding: 0;
list-style: none;
margin: 10px 0;
}
ul.accordion li.menu{margin: 0;
border-bottom: 1px solid #eee;
}
ul.accordion li p.menu{cursor: pointer;
padding: 10px 0 10px 1rem;
margin: 0;
font-weight: bold;
position: relative;
width: 100%;
font-size: 14px;
background: #000;
color: #fff;
}
.accordion p.menu:hover{color: #ffce00;
}
.accordion p.menu:after{content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 14px;
right: 15px;
height: 2px;
background-color: #fff;
transition: 0.5s;
}
.accordion p.menu:before{content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 14px;
right: 15px;
height: 2px;
background-color: #fff;
transition: 0.5s;
transform: rotate(90deg);
}
.accordion p.menu.arrow{color: #ffce00;
}
.accordion p.menu.arrow:before{content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 14px;
right: 15px;
height: 2px;
background-color: #ffce00;
transition: 0.5s;
transform: rotate(180deg);
}
.accordion p.menu.arrow:after{background-color: #ffce00;
}
li.menu > a.menu1{display: block;
width: 100%;
cursor: pointer;
padding: 10px 0 10px 1rem;
font-weight: bold;
position: relative;
font-size: 14px;
color: #fff;
background: #000;
position: relative;
}
li.menu > a.menu1:after{position: absolute;
content: "";
top: 0;
bottom: 0;
margin: auto;
right: 15px;
width: 10px;
height: 10px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
li.menu > a.menu1:hover{background: #ffce00;
}
ul.accordion a{text-decoration: none;
}
.accordion ul.menu_inner{display: none;
padding: 0;
}
.accordion ul.menu_inner li{list-style: none;
margin-left: 0;
margin-bottom: 1px;
padding: 0;
font-weight: bold;
font-size: 14px;
line-height: 1.8em;
text-decoration: none;
background: #f2f2f2;
position: relative;
}
.accordion ul.menu_inner li:hover{background: #dfdfdf;
}
ul.menu_inner > li > a.menu2{padding: 10px 0 10px 1rem;
display: block;
width: 100%;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 2.2em;
text-decoration: none;
}
ul.menu_inner > li:hover:after{position: absolute;
content: "";
top: 0;
bottom: 0;
margin: auto;
right: 15px;
width: 10px;
height: 10px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
ul.menu_inner > li > a.menu2:hover{color: #000;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
} #column2 .product-archive.flex{flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
#column2 .product-wrap{width: calc(33.33% - 10px);
margin-right: 15px;
margin-bottom: 2rem;
position: relative;
}
#column2 .product-wrap:nth-child(3n){margin-right: 0;
}
#column2 .eyecatch{background: #eee;
position: relative;
margin-bottom: 5px;
border: 1px solid #eee;
}
#column2 .eyecatch:before{content: "";
display: block;
padding-top: 70%; }
#column2 .eyecatch.img{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#column2 .ttl{line-height: 1.8em;
font-size: 0.8em;
color: #000;
margin-bottom: 5px;
}
#column2 a:hover .ttl{color: #4D4D4D;
}
#column2 .cat{width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
text-align: left;
margin-left: auto;
}
#column2 .cat span{padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
background: #000;
color: #fff;
font-size: 0.7em;
line-height: 1;
}
#column2 .cat span a{color: #fff;
}
#column2 .cat span a:hover{color: #ffce00;
}
.new-badge{position: absolute;
top: 5px;
left: 5px;
background: #ffce00;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
}
@media screen and (max-width:1024px){
#column2.flex {
width: 100%;
padding: 0 2rem;
flex-wrap: wrap;
}
#column2.ur.flex{margin: 0;
}
#column2.product-column.flex{flex-wrap: wrap-reverse;
}
#column2 #side{width: 100%;
margin-right: 0;
margin-bottom: 4rem;
margin-top: 3rem;
}
#column2 #side.products h3{display: block;
margin-top: 4rem;
}
#column2 #main{width: 100%;
}
}
@media screen and (max-width:850px){
#column2 .product-archive.flex {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
#column2 .product-archive-wrap{width: calc(50% - 15px);
margin-right: 30px;
}
#column2 .product-archive-wrap:nth-child(2n){margin-right: 0;
}
}
@media screen and (max-width:600px){
#column2 .product-archive.flex {
display: block;
}
#column2 .product-wrap{width: 100%;
margin-right: 0;
margin-top: 2rem;
margin-bottom: 2rem;
}
#column2 .product-wrap:last-child{margin-bottom: 0;
}
#column2 .ttl{font-size: 1em;
color: #000;
margin-top: 10px;
margin-bottom: 10px;
}
}
@media screen and (max-width:500px){
#column2.flex {
padding: 0rem 1rem 0;
}
#column2 .eyecatch{width: 100%;
}
} #product-item {
width: 100%;
}
#product-item #photo {}
#product-item #photo
}
#product-item #photo div {}
#product-item h3 {
margin-top: 3rem;
} .slide {
position: relative;
margin: 0;
padding: 0;
}
.slide .item {
position: relative;
height: 100%;
}
.slide .item span {
position: absolute;
bottom: 0;
right: 0;
background: rgba(231, 231, 231, 0.8);
padding: 0 5px;
}
.slide .item img {
margin: auto;
width: 100%;
}
.slide > .slick-list, .slide > .slick-list > .slick-track, .slide > .slick-list > .slick-track > .slick-slide > div {
position: relative;
height: 100%;
} .slide-navigation {
position: relative;
padding: 0;
display: flex;
flex-wrap: wrap;
margin-top: 6px;
}
.slide-navigation .item {
position: relative;
cursor: pointer;
overflow: hidden;
width: calc(16.666% - 5px);
margin-right: 6px;
margin-bottom: 6px;
height: 100%;
padding: 0;
}
.slide-navigation .item:nth-child(6n) {
margin-right: 0;
}
.slide-navigation .item::before {
display: block;
padding-top: 70%;
content: "";
}
.slide-navigation .item img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 100%;
}
.slide-navigation .current::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
background: #eee;
}
.slide-navigation .item:hover::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
background: #eee;
}
CSS .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
background-color: #434343; }
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.prev_icon {
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
width: 30px;
z-index: 1;
opacity: 0.2;
}
.next_icon {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
width: 30px;
z-index: 1;
opacity: 0.2;
}
.slick-dotted.slick-slider {
margin-bottom: 50px;
}
.slick-dots {
position: absolute;
bottom: -2rem;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
border-radius: 50%;
display: block;
height: 10px;
width: 10px;
outline: none;
line-height: 0px;
font-size: 0px;
color: #000;
padding: 5px;
cursor: pointer;
opacity: 0.5;
}
.slick-dots li button:before {
font-size: 40px;
border-radius: 50%;
opacity: 0.5;
}
.slick-dots li {
border-radius: 50%;
background: #eee;
opacity: 1;
}
.slick-dots li.slick-active {
background: #000;
opacity: 1;
border-radius: 50%;
}
div.spec{
overflow-x: scroll;
}
div.spec table {
width: 100%;
border-collapse: collapse;
white-space: nowrap;
font-size:0.8em;
}
div.spec table td,div.spec table th{
padding:1em 0.5em;
text-align:center;
border-bottom:1px solid #ddd;
}
div.spec table th{
background:#000;
color:#fff;	
padding:1.5em 1.5em;
}
div.spec table td{
}
div.spec tr:nth-child(2n+1){
background:#f3f3f3;
}
@media screen and (max-width:1024px){
.slide-navigation {
display: none;
}
}
#product-item #product-name {
text-align: left;
font-size: 1.8em;
margin: 0 0 1rem;
letter-spacing: 0.3px;
font-weight: 900;
}
#product-item #product-head {
text-align: left;
font-size: 1.6em;
margin: 1rem 0 1rem;
letter-spacing: 0.3px;
font-weight: 900;
}
#product-item #product-cat {
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
text-align: left;
margin-left: auto;
margin-bottom: 1rem;
}
#product-item #product-cat span {
padding: 5px 10px;
margin-right: 5px;
margin-bottom: 5px;
background: #000;
font-size: 0.9em;
}
#product-item #product-cat span a {
color: #fff;
}
#product-item #product-cat span a:hover {
color: #ffce00;
}
#product-item #desc {
margin: 3rem 0;
}
#product-item #desc p {}
#product-item h3 {
font-size: 1.8em;
}
iframe.wp-embedded-content.lazyloaded {
margin-top: 1em;
}
#product-item #product-feature.flex {
justify-content: left;
align-items: flex-start;
flex-wrap: wrap;
}
#product-item #product-feature.flex .product-wrap {
   margin-bottom: 1em;
}
#product-feature.flex .eyecatch:before {
content: "";
display: block;
padding-top: 70%;
}
#product-feature.flex .eyecatch .img {
opacity: 1;
}
#product-feature.flex p.caption-ttl {
font-weight: 700;
line-height: 1.8em;
margin-bottom: 0.4em;
}
#product-feature.flex .caption {
line-height: 1.5em;
font-weight: 500;
}
p.caption {
font-size: 0.8em;
}
.products-color {}
.products-color ul.flex {
list-style: none;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.products-color ul.flex li {
width: 25%;
}
.products-color .eyecatch .img {
opacity: 1;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-color: #fff;
}
.products-color p {
font-size: 0.8em;
font-weight: 400;
text-align: center;
line-height: 1.5em;
padding: 0 1em 1em;
}
#products-memo{
font-size:0.8em;
color:ddd;
}
@media screen and (max-width:650px){
#product-item #product-feature.flex {
display: block;
}
#product-item #product-feature.flex div {
width: 100%;
}
}
@media screen and (max-width:550px){
#product-ite .product-archive.flex div:last-child {
margin-bottom: 1rem;
}
}
@media screen and (max-width:500px){
#product-item #product-feature.flex {
display: block;
}
#product-item #product-feature.flex div {
width: 100%;
}
}
#product-item #spec {}
div.button-wrap {
margin: 4rem auto;
text-align: center;
}
.button {
display: flex;
justify-content: center;
margin: 0 auto;
position: relative;
display: inline-block;
padding: .5em 4em;
border: 2px solid #000;
color: #000;
font-size: 2em;
font-weight: 900;
text-align: center;
text-decoration: none;
transition: .3s;
}
.button:hover {
color: #fff;
}
.button::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: '';
background: #000;
transform-origin: right top;
transform: scale(0, 1);
transition: transform .3s;
}
.button:hover::before {
transform-origin: left top;
transform: scale(1, 1);
}
@media screen and (max-width:400px){
.button {
padding: .5em 2em;
}
}
#related-products {
margin-top: 8rem;
}
#related-products.topics {
margin-bottom: -6rem;
}
#related-products h4 {}
#store-link {
background-color: #fff; border-top: none;
}
#store-link p.txt{
background-color: #000;
line-height:1.8em;
color:#fff;
padding:0.8em 1em;
font-weight:700;
position: relative;
padding-left: 60px;
}
#store-link p.txt:before{
content: url(https://start2013.com/wp-content/themes/start/images/logo.svg);
vertical-align: middle;
padding-right: 5px;
position: absolute;
width:40px;
left:1em;
top: 55%;
transform: translateY(-50%) translateX(0%);
margin: auto;
}
#store-link ul{ }
#store-link li{
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
border-bottom:1px dashed #ddd;
padding:1em 0;
}
#store-link .eyecatch{
width:10%;
min-width:50px;
display:flex;
align-items:center;
margin-bottom: 0;
border:1px solid #ddd;
}
#store-link .eyecatch:before {
content: "";
display: block;
padding-top: 100%;
}
#store-link .link-wrap{
width: calc( 100% - 10% );	
flex-wrap:wrap;
}
#store-link div.name{
width: calc( 100% - 250px);
padding-left:0.5em;
}
#store-link div.store-link-button{
width: 250px;
display: flex;
align-items: center;
justify-content: flex-end;
}
#store-link {
}
#store-link a.to-store{
padding: 0.5em 0;
display: flex;
align-items:center;
justify-content:flex-end;	
transition:0.3s;
}
#store-link a.to-store:hover{
color:#4D4D4D;
}
#store-link a.to-store:before{
content:"▶";
font-size:0.7em;
padding-right:0.5em;
transition:0.3s;
}
#store-link a.to-store:hover:before{
padding-right:0.3em;
color:#000;
}
#store-link a.buy-link {
background: #000;
color: #fff;
padding: 0.5em;
width: 150px;
text-align: center;
border-radius: 5px;
transition:0.3s;
}
#store-link a.buy-link:hover {
color: #ffce00;
}
@media screen and (max-width:650px){
#store-link li {
align-items: stretch;
}
#store-link .eyecatch {
width: 20%;
}
#store-link .link-wrap{
width: calc( 100% - 20% );	
}
#store-link div.name {
width:100%;
padding-left: 1em;
}
#store-link div.store-link-button {
width: 100%;
justify-content: flex-end;
margin-top: 0.5em;
}
#store-link a.to-store {
}
}
@media screen and (max-width:370px){
#store-link .eyecatch {
width: 60px;
}
#store-link .link-wrap {
width: calc( 100% - 60px );
}
}
.store-icon {
position: absolute;
top: 0;
right: 0;
background: #ffce00;
font-size: 0.7em;
padding: 0 5px;
}
.product-wrap a:hover .store-icon{
color:#000;
opacity:0.8;
}
@media screen and (max-width:600px){
.store-icon {
font-size: 1em;
padding: 3px 8px;
}
}  #testers .testers.flex {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
#testers .testers-wrap {
width: calc(33.33% - 30px);
margin-right: 45px;
margin-bottom: 30px;
}
#testers .testers-wrap:nth-child(3n) {
margin-right: 0;
}
#testers a {}
#testers .eyecatch {
background: #000;
position: relative;
margin-bottom: 5px
}
#testers .eyecatch:before {
content: "";
display: block;
padding-top: 105%; }
#testers .eyecatch.img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#testers .name {
position: relative;
}
#testers .position p {
padding: 0;
font-size: 0.8em;
}
#testers .name p {
padding: 0;
font-size: 2em;
font-weight: 900;
line-height: 1.1em;
display: block;
letter-spacing: 1.5px;
}
#testers .prof.flex {
justify-content: flex-start;
margin: 1rem 0;
border-top: 4px solid #000;
padding: 5px 0;
}
#testers .prof .area {
flex-basis: 50%;
padding: 0;
}
#testers .prof .sns {
flex-basis: 50%;
}
#testers ul.sns.flex {
display: flex;
justify-content: flex-end;
height: 30px;
text-align: right;
}
#testers ul.sns li {
margin-right: 0;
list-style: none;
margin-left: 5px;
}
#testers ul.sns li a {
display: flex;
align-items: center;
}
#testers ul.sns li svg {
fill: #000;
height: 25px;
}
#testers ul.sns img {
height: 30px;
}
@media screen and (max-width:1024px){
#testers .testers.flex {
padding: 0 2rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
#testers .testers-wrap {
width: calc(50% - 15px);
margin-right: 30px;
}
#testers .testers-wrap:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width:600px){
#testers .testers-wrap {
width: 100%;
margin-right: 0;
}
#testers .eyecatch:before {
content: "";
display: block;
padding-top: 300px; }
}
@media screen and (max-width:500px){
#testers .eyecatch {
width: 100%;
}
} #fishing-log .fishinglog-archive {
margin-top: 2rem;
}
#fishing-log .fishinglog-archive-wrap.flex {
align-items: stretch;
margin-bottom: 3rem;
}
#fishing-log .fishinglog-archive-wrap.flex a.fl-img {
width: 30%;
height: 100%;
}
#fishing-log .eyecatch {
flex-basis: 30%;
background: #eee;
position: relative;
margin-bottom: 5px;
display: flex;
align-items: flex-end;
}
#fishing-log .eyecatch:before {
content: "";
display: block;
padding-top: 100%;
}
#fishing-log .eyecatch.img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#fishing-log .post {
flex-basis: 70%;
margin: 0 0 0.5rem 2rem;
position: relative;
}
#fishing-log .section1.flex {
justify-content: space-between;
align-items: flex-end;
align-self: flex-end;
}
#fishing-log .section1 .date {
font-size: 3em;
font-weight: 900;
line-height: 1em;
}
#fishing-log .section1 .name {
font-size: 1em;
line-height: 1em;
}
#fishing-log .section2 {
margin: 2rem 0;
}
#fishing-log .section2 .ttl {
font-weight: 700;
font-size: 1.5em;
margin-bottom: 1rem;
line-height: 1.5em;
}
#fishing-log .section2 .txt {
min-height: 70px;
}
#fishing-log .section3.flex {
position: relative;
}
#fishing-log .tag {
width: calc(100% - 200px);
}
#fishing-log .tag span {
padding: 2px 5px;
margin-right: 5px;
margin-bottom: 5px;
background: #000;
font-size: 0.8em;
}
#fishing-log .tag span a {
color: #fff;
}
#fishing-log .link-button {
flex-basis: 200px;
}
@media screen and (max-width:1024px){
#fishing-log .contents .contents {
padding: 4rem 2rem;
}
}
@media screen and (max-width:800px){
#fishing-log .fishinglog-archive-wrap.flex {
display: block;
}
#fishing-log .eyecatch {
display: block;
width: 100%;
}
#fishing-log .eyecatch:before {
content: "";
display: block;
padding-top: 70%; }
#fishing-log .post {
width: 100%;
margin: 1rem 0 1rem 0;
position: relative;
}
}
@media screen and (max-width:600px){
#fishing-log .contents .contents {
padding: 4rem 2rem 0;
}
#fishing-log h2.side {
margin-left: -3rem;
}
#fishing-log .fishinglog-archive-wrap.flex {
margin-bottom: 5rem;
}
#fishing-log .section1.flex {
display: block;
}
#fishing-log .section1 .date {
font-size: 2.5em;
}
#fishing-log .section1 .name {
font-size: 1em;
line-height: 1.8em;
}
#fishing-log .section2 {
margin: 1rem 0;
}
#fishing-log .section2 .ttl {}
#fishing-log .section3.flex {
display: block;
}
#fishing-log .tag {
width: 100%;
}
#fishing-log .tag span {
padding: 2px 5px;
margin-right: 5px;
margin-bottom: 5px;
background: #000;
color: #fff;
font-size: 0.8em;
}
#fishing-log .link-button {
width: 100%;
margin: 1rem auto 0 0;
}
}
@media screen and (max-width:500px){
#product-column.flex {
padding: 0 1rem;
}
} #tester-single {
padding: 2rem 0 8rem
}
#tester-single .contents.flex {
align-items: stretch;
}
#tester-single .bg-img {
margin: 0 -250px 4rem 0;
-webkit-box-flex: 0;
flex: 1 0 calc(50% + 250px);
background-color: #eee;
padding: 4rem 80px;
z-index: -1;
}
#tester-single .prof {
-webkit-box-flex: 0;
flex: 0 0 50%;
margin: 6rem 0 20px 0;
max-width: 800px;
padding: 4rem 0 0 4rem;
box-sizing: border-box;
background: #fff;
}
#tester-single .prof .name p {
padding: 0 0 1rem;
margin-bottom: 3rem;
font-size: 3.5em;
font-weight: 900;
line-height: 1.5em;
border-bottom: 5px solid #000;
}
span.fullname {
font-size: 0.4em;
margin-top: -0.5em;
padding: 0;
display: block;
font-weight: 500;
letter-spacing: 3px;
}
#tester-single .prof .name p::first-letter {
color: #ffce00;
font-size: 1.5em;
}
#tester-single .prof .txt {
max-width: 80%;
}
#tester-single .prof .area {
margin: 2rem 0;
font-weight: 900;
}
#tester-single .prof .area span {
color: #ffce00;
font-weight: 700;
}
#tester-single ul.sns.flex {
height: 35px;
text-align: right;
}
#tester-single ul.sns li {
list-style: none;
margin-right: 10px;
}
#tester-single ul.sns svg {
height: 35px;
fill: #000;
}
#tester-single ul.sns svg:hover {
fill: #ffce00;
}
@media screen and (max-width:800px){
#tester-single .contents.flex {
display: block;
}
#tester-single .bg-img {
margin: 0;
-webkit-box-flex: 0;
flex: 1 0 calc(50% + 250px);
background-color: #eee;
padding: 4rem 0 0;
}
#tester-single .bg-img:before {
content: "";
display: block;
padding-top: 70%; }
#tester-single .prof {
margin: 1.5rem 0 20px 4rem;
padding: 0;
}
}
@media screen and (max-width:450px){
#tester-single .prof .name p {
margin-bottom: 2rem;
font-size: 2.8em;
}
} .side.user-report {
position: sticky;
top: 100px;
}
.side.user-report.flex {
display: block;
}
.side.user-report img {
margin-top: 1rem;
}
.side.user-report p {
font-size: 0.8em;
line-height: 1.8em;
margin-top: 0rem;
}
.side.user-report p.user-report-link {
margin: 1rem 0;
}
.side.user-report p.user-report-link a {
position: relative;
display: block;
font-size: 1.3em;
line-height: 1.8em;
width: 100%;
background: #ffce00;
border: 3px solid #ffce00;
border-radius: 50px 50px;
padding:0.5rem 0;
text-align: center;
font-weight: 700;
display: block;
position: relative;
}
.side.user-report p.user-report-link a:before {
position: absolute;
content: "";
border: solid 10px transparent;
border-left: solid 10px #000;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
right: 12px;
}
.side.user-report p.user-report-link a:hover {
color: #000;
border: 3px solid #000;
} #user-report-notice {
display: none;
}
#user-report-notice.user-report-form {
display: block;
}
#user-report-notice .contents {
padding: 60px 0 0;
}
#user-report-notice img {
width: 100%;
}
#user-report-notice div.flex {
justify-content: space-between;
align-items: flex-end;
}
#user-report-notice.user-report-form div.flex {
display: block;
}
#user-report-notice div.flex p {
flex-basis: 50%;
padding: 2rem 0 0;
}
#user-report-notice div.flex a {
width: 320px;
background: #ffce00;
border: 3px solid #ffce00;
border-radius: 50px 50px;
padding: 1rem 0;
text-align: center;
font-weight: 700;
display: block;
position: relative;
}
#user-report-notice div.flex a:before {
position: absolute;
content: "";
border: solid 10px transparent;
border-left: solid 10px #000;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
right: 12px;
}
#user-report-notice div.flex a:hover {
border: 3px solid #000;
color: #000;
} #report-search select {
-webkit-appearance: none;
appearance: none; }
#report-search select::-ms-expand {
display: none; }
#report-search form {
padding: 0px;
}
#report-search {
position: relative;
}
#report-search:after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-left: 2px solid #000;
transform: translateY(-50%) rotate(-135deg);
font-size: 20px;
pointer-events: none;
z-index: 10;
}
.dropdown {	
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
display: inline-block;
background-color: #fff;
transition: all .5s ease;
position: relative;
padding: 1rem 1rem;
color: #000;
height: 100%;
text-align: left;
border: 1px solid #fff;
font-weight: 700;
}
.dropdown:hover {
border: 1px solid #000;
box-sizing: border-box;
} #column2 #side h3.archive,
#column2 #bottom h3.archive {
margin-top: 1rem;
}
.side.user-report .archive-list {
list-style: none;
}
.side.user-report .archive-list li {}
.side.user-report .archive-list li a {
display: block;
padding: 0.3rem 1rem;
border-bottom: 2px solid #fff;
background: #eee;
}
.side.user-report .archive-list li a:hover {
background: #ffce00;
color: #000;
}
#bottom.user-report-side {
display: none;
}
p.photo-desc{
margin-top:0.5rem;
}
span.red{color:red;}
label.up_link {
display: block;
cursor: pointer;
background: #333;
color: #fff;
font-size: 2em;
line-height: 5;
text-align: center;
width:auto;
margin: 0.5rem 0;
}
.up_link::before{
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f030";
margin-right: .3em;
}
label.up_link + img{
width: 100%;
}
label.up_link input{
display: none;
}
.img_form {
position: relative;
width: 300px;
}
a.del{
text-decoration: none;
}
a.del::after{
position: absolute;
top: 5px;
right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f057";
font-size: 2.0em;
color: #000;
}
a.del::before{
content: "";
position: absolute;
top: 7px;
right: 7px;
width: 1.8em;
height: 1.8em;
background: #fff;
border-radius: 50%;
}
#report-cat li {
width: 100%;
display: inline-block;
background-color: #eee;
transition: all .5s ease;
position: relative;
padding: 0.5rem 1rem;
color: #000;
height: 100%;
text-align: left;
border: 1px solid #fff;
font-weight: 500;
font-size: 0.8rem;
}
#report-cat li:hover {
background: #ffce00;
}
#report-cat li a {
display: block;
width: 100%;
height: 100%;
}
#report-cat li a:hover {
color: #000;
}
@media screen and (max-width:1024px){
#column2 #side.user-report-side {
margin-top: 0;
}
#column2 #bottom.user-report-side {
display: block;
}
#user-report-notice {
display: block;
padding: 0 1rem;
}
.side.user-report .sidebar1 {
display: none;
}
.side.user-report .sidebar2 {
margin-top: 2rem;
}
}
@media screen and (max-width:750px){
#user-report-notice img {
width: 100%;
}
#user-report-notice div.flex {
display: block;
}
#user-report-notice div.flex p {
padding: 0;
}
#user-report-notice div.flex a {
margin-top: 1rem;
width: 100%;
}
}
@media screen and (max-width:600px){
#column2 #side.user-report-side {
margin-top: 0rem;
}
#user-report-notice {
display: none;
}
.side.user-report .sidebar1 {
display: block;
}
.side.user-report .sidebar1 h3 {
display: none;
}
.side.user-report.flex {
display: block;
}
}
@media screen and (max-width:500px){
#column2 #side.user-report-side {
margin-top: -2rem;
}
}
@media screen and (max-width:400px){} article.user-report {
font-size: 16px;
margin-bottom: 4rem;
border: 2px solid #000;
padding: 2rem;
position:relative;
}
article.user-report .start-award {
position: absolute;
display: block;
opacity: 0.4;
z-index: -1;
background: url(https://start2013.com/wp-content/themes/start/images/user-report/start-award.png) no-repeat;
background-size: 200px;
width: 200px;
height: 200px;
top: 0;
right: 0;
transform: rotate(20deg);
}
article.user-report h2 {
text-align: left;
font-size: 1.2em;
border-bottom: 2px solid #000;
padding-bottom: 1rem;
margin-bottom: 1rem;
font-weight: 700;
}
article.user-report .txt {}
article.user-report .txt img {
margin: 0.5rem 0;
}
.report-img.flex {
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin:1em 0 0;
}
.report-img.flex a {
display:block;
max-width: calc(50% - 5px);	
margin-right: 10px;
margin-bottom:1em;
}
.report-img.flex a:nth-child(2n) {
margin-right: 0;
}
.report-img.flex a:last-child {
margin-bottom: 0;
}
article.user-report .txt p {
font-size: 0.9em;
line-height: 1.8em;
font-weight: 400;
}
article.user-report .report {
margin-top: 2rem;
}
.report.flex {
font-size: 0.85em;
}
.report dt, .report dd {
padding: 0.8rem 0.5rem;
margin-top: 0;
border-bottom: 4px solid #fff;
flex: none;
}
.report dt {
width: 15%;
}
.report dd {
width: calc(35% - 2px);
border-left: 4px solid #fff;
margin-right: 4px;
}
.report dd.margin {
margin-right: 0;
}
.report dd:after {
display: none;
}
.report dd.use-item a {
width: 100%;
}
.user-report p.date {
text-align: right;
color: #777;
}
#user-report-notice p{
line-height:1.8em;
margin-top:0.5rem;
}
@media screen and (max-width:800px){
.report.flex {
display: flex;
}
.report dt, .report dd {
padding: 0.8rem 0.5rem;
}
.report dt {
width: 150px;
}
.report dd {
width: calc(100% - 150px);
margin-right: 0;
margin-bottom: 0;
}
}
@media screen and (max-width:500px){
.report.flex {
font-size: 0.85em;
}
.report dt, .report dd {
padding: 0.5rem 0.5rem;
line-height: 1.5em;
}
.report dt {
width: 100px;
}
.report dd {
width: calc(100% - 100px);
}
.report-img.flex a {
max-width: 100%;	
margin-right: 0;
}
} #archive .contents.width1024px {
padding: 2rem 0 0;
}
.topics-archive-wrap {
width: calc(33.33% - 20px);
margin-right: 30px;
margin-bottom: 30px;
}
.topics-archive-wrap:nth-child(3n) {
margin-right: 0;
}
.topics-archive-wrap .ttl{
line-height: 1.8em;
font-size: 0.9em;
color: #000;
}
.topics-archive-wrap a:hover .ttl {
text-decoration:underline;
}
.topics-archive-wrap .date {
font-size: 0.7em;
color: #aaa;
}
#related-products-link{
margin-top: 3em;
border-top:2px dotted #f2f2f2;
}
#related-products-link .topics-archive-wrap{
margin-top: 30px;
margin-bottom: 0;
}
#related-products-link .topics-archive-wrap .ttl{
line-height: 1.8em;
font-size: 0.8em;
font-weight:500;
color: #000;
margin-bottom: 0rem;
} #topics-search select {
-webkit-appearance: none;
appearance: none; }
#topics-search select::-ms-expand {
display: none; }
#topics-search form {
padding: 0px;
}
#topics-search {
position: relative;
width: 300px;
margin-left: auto;
margin-bottom: 3rem;
}
#topics-search:after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-left: 2px solid #000;
transform: translateY(-50%) rotate(-135deg);
font-size: 20px;
pointer-events: none;
z-index: 10;
}
#topics-search .dropdown {
width: 100%;
display: inline-block;
background-color: #fff;
transition: all .5s ease;
position: relative;
padding: 1rem 1rem;
color: #000;
height: 100%;
text-align: left;
border: 1px solid #000;
font-weight: 700;
}
#topics-search .dropdown:hover {
border: 1px solid #000;
box-sizing: border-box;
}
button.view-more-button {
width: 100%;
padding: 1rem 0;
margin-top: 2rem;
text-align: center;
background: #fff;
border: none;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
font-weight: 700;
transition: 0.3s;
}
button.view-more-button.user-report-button {
margin-top: 0;
}
button.view-more-button:hover {
background: #eee;
color: #000;
}
.page-load-status {
font-size: 1em;
color: #aaa;
}
@media screen and (max-width:1024px){
#archive .contents.width1024px {
padding: 2rem 1rem;
}
}
@media screen and (max-width:850px){
#archive .topics-archive-wrap,#related-products-link .topics-archive-wrap {
width: calc(50% - 15px);
margin-right: 30px;
}
#archive .topics-archive-wrap:nth-child(3n) {
margin-right: auto;
}
#archive .topics-archive-wrap:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width:500px){
#archive .contents.width1024px {
padding: 3rem 1rem;
}
#archive .topics-archive-wrap, #related-products-link .topics-archive-wrap{
width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
#topics-search {
position: relative;
width: 300px;
margin: 0 auto;
margin-bottom: 3rem;
}
} #topics-single {}
#topics-single .contents {
border: 10px solid #f2f2f2;
padding: 4rem 3rem;
}
#topics-single .section1.flex {
margin-bottom: 2rem;
align-items: stretch;
justify-content: space-between;
}
#topics-single .section1.flex .left.flex {
align-items: stretch;
justify-content: flex-start;
}
#topics-single .section1.flex .date {
font-size: 3em;
font-weight: 900;
margin-right: 1rem;
}
#topics-single .section1.flex .cat {
display: flex;
align-items: center;
justify-content: flex-start;
}
#topics-single .section1.flex .cat span {
background: #000;
padding: 5px 15px;
color: #fff;
font-size: 1em;
}
#topics-single .section1.flex .cat a{
color: #fff;
}
#topics-single .section1.flex .cat a:hover{
color: #ffce00;
}
#topics-single .section1.flex .poster {
display: flex;
align-items: flex-end;
justify-content: flex-end;
color: #aaa;
}
#topics-single .section1.flex .poster a{
color: #aaa;
}
#topics-single .section1.flex .poster a:hover{
color: #ffce00;
}
#topics-single .ttl {
font-weight: 900;
font-size: 2em;
margin-bottom: 2rem;
text-align: left;
}
#topics-single .txt {
margin-bottom: 0;
}
#topics-single .txt img{
margin: 1rem 0;
}
#topics-single .tag {
width: 100%;
margin-top: 1rem;
}
#topics-single .tag span {
padding: 2px 5px;
margin-right: 5px;
margin-bottom: 5px;
background: #000;
font-size: 0.8em;
}
.tag span a {
color: #fff;
}
.tag span a:hover {
color: #ffce00;
}
.topics-nav {
width: 1024px;
margin: 0 auto;
padding: 0;
}
.topics-nav div.flex {
width: 100%;
justify-content: space-between;
margin: 2rem auto 0;
padding: 1rem 0;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
font-weight: 700;
}
.topics-nav div.flex div {
display: flex;
justify-content: flex-end;
width: 45%;
}
.topics-nav div.flex div:last-child {
display: flex;
justify-content: flex-start;
width: 45%;
}
.topics-nav a {
color: #000;
}
.topics-nav a:hover {
color: #ffce00;
}
dl.topics-single.flex{
width:100%;
flex-wrap:wrap;
margin:0;
}
dl.topics-single.flex dt{
flex: 0 0 100%;
padding:0.5em 1em;
border-radius:5px;
}
dl.topics-single.flex dd{
flex: 0 0 100%;
padding: 0.5em 1em;
border-radius:5px;
margin-bottom:0.5em;
background:transparent;
}
dl.topics-single.flex dd:after{
display:none;
}
dl.topics-single.flex .prof.flex {
display: flex;
align-items: flex-start;
justify-content: left;
}
#topics-single .txt dl.topics-single.flex .prof.flex img {
margin: 0;
object-fit: cover;
width: 400px;
margin: 0;
}
dl.topics-single.flex .prof.flex p {
line-height:1.5em;
padding:0.2em;
}
#topics-single .writer{
display:none; 
margin: 0;
padding: 1em;
background-color: #f2f2f2;
}
#topics-single .profile-img {
display: flex;
align-items: center;
justify-content: center;
width: 25%;
}
#topics-single .profile-img img{
object-fit: cover;
border-radius:50%;
}
#topics-single .profile{
padding-left: 1em;
}
#topics-single .profile .name{
font-size:1.2em;
}
#topics-single .profile .desc{
font-size:0.9em;
}
#topics-single .prof .sns {
flex-basis: 50%;
}
#topics-single ul.sns.flex {
display: flex;
justify-content: flex-end;
height: 30px;
text-align: right;
}
#topics-single ul.sns li {
margin-right: 0;
list-style: none;
margin-left: 5px;
}
#topics-single ul.sns li a {
display: flex;
align-items: center;
}
#topics-single ul.sns li svg {
fill: #000;
height: 25px;
}
#topics-single ul.sns img {
height: 30px;
}
@media screen and (max-width:1024px){
.topics-nav {
width: 100%;
margin: 0 auto;
padding: 0 1rem;
}
}
@media screen and (max-width:700px){
#topics-single .section1.flex {
margin-bottom: 1.5rem;
}
#topics-single .section1.flex .left.flex {
display: block;
}
#topics-single .section1.flex .date {
font-size: 2.3em;
margin-bottom: 1rem;
}
#topics-single .section1.flex .cat {}
#topics-single .section1.flex .cat span {
font-size: 0.9em;
}
#topics-single .section1.flex .poster {
align-items: flex-start;
}
#topics-single .ttl {
font-size: 1.6em;
margin-bottom: 1rem;
}
#topics-single .txt {
font-size: 0.9em;
line-height: 1.8em;
margin-bottom:0;
}
}
@media screen and (max-width:500px){
#topics-single .contents {
border: 10px solid #f2f2f2;
padding: 2.5rem 1.5rem;
margin-top: 0;
}
#topics-single .section1.flex {}
#topics-single .section1.flex .date {
font-size: 2em;
}
#topics-single .section1.flex .cat span {
background: #000;
padding: 2px 15px;
color: #fff;
font-size: 0.8em;
}
} .pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #fff;
background: #000
}
.pagination a:hover {
color: #ffce00;
background: #aaa;
}
.pagination .current {
padding: 10px 15px 10px 15px;
color: #fff;
background: #aaa;
}
ul.page-numbers {
width: 100%;
text-align: center;
margin: 0 auto;
}
ul.page-numbers li {
display: inline-block;
}
@media only screen and (max-width: 1024px) {
.pagination {
padding: 20px 0 40px;
}
}
@media only screen and (max-width: 550px) {
.pagination {
padding: 40px 0 60px;
}
}
@media only screen and (max-width: 413px) {
.pagination {
font-size: 12px;
line-height: 12px;
}
.pagination span, .pagination a {
padding: 8px 10px 8px 10px;
}
.pagination .current {
padding: 8px 10px 8px 10px;
}
} @media screen and (max-width:1100px){
.pp {
padding: 0 2rem;
}
.pp h3 {
margin: 20px 0 20px;
}
}
@media screen and (max-width:500px){
.pp {
padding: 0 1rem;
}
} footer {
width: 100%;
margin: 0 auto;
padding: 60px 0 20px;
}
footer .footer {
position: relative;
}
footer .footer:before {
position: absolute;
content: "";
top: 4rem;
right: 0;
width: 200px;
height: 10px;
background: #000;
}
footer .footer-wrap {
padding: 2rem 4rem 0;
}
#footer-nav a.logo {
width: 130px;
}
#footer-nav a.logo img {
width: 130px;
}
#footer-nav ul.menu.flex {
margin: 1rem 0;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 600px;
}
#footer-nav ul.menu.flex li {
position: relative;
font-size: 18px;
list-style: none;
margin-bottom: 0.5rem;
}
#footer-nav ul.menu.flex li:after {
position: absolute;
top: 50%;
right: -15px;
content: "/";
display: block;
color: #000;
padding-right: 10px;
transform: translate(-50%, -50%);
}
#footer-nav ul.menu.flex li:last-child:after {
display: none;
}
#footer-nav ul.menu.flex li a {
padding-right: 15px;
}
#footer-nav ul.sns.flex {
display: flex;
justify-content: flex-start;
height: 30px;
}
#footer-nav ul.sns li {
list-style: none;
margin-right: 10px;
}
#footer-nav ul.sns svg {
fill: #000;
height: 30px;
}
#footer-nav ul.sns svg:hover {
fill: #ffce00;
}
#copyright {
text-align: right;
padding: 0 4rem;
}
#copyright p {
line-height: normal;
}
#copyright a p {
font-size: 0.7em;
padding-bottom: 0.5em;
}
@media screen and (max-width:1024px){
footer {
padding: 0 0 20px;
}
footer .footer-wrap {
padding: 2rem 2rem 0;
}
footer .footer {
width: 100%;
margin: 0 auto;
padding: 40px 0 0;
}
footer .footer:before {
height: 8px;
}
#copyright {
text-align: right;
padding: 0 2rem;
}
}
@media screen and (max-width:500px){
footer .footer:before {
width: 30%;
}
} #contact {
width: 100%;
}
#contact .wpcf7-form-control-wrap,
.wpcf7-form-control-wrap.product-select {
flex: 1 0 auto;
}
.wpcf7-form-control-wrap {
position: relative;
}
.element_wrap {
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 0px;
padding: 20px 5px 20px 0;
text-align: left;
}
label {
display: flex;
align-items: center;
justify-content: flex-start;
width: calc(200px - 1rem);
vertical-align: top;
margin: 0 1rem 0.5rem 0;
padding: 0;
}
p.change-address{margin-top:1em;}
label.change-address{width:100%;}
label span {
color: red;
}
.element_wrap.textarea label {
align-items: flex-start;
}
form {
padding: 20px 2rem 0px;
}
#user-report-form form {
padding: 20px 0px 0px;
}
.element_wrap.br.name span{
margin-right:1em;
}
.form-txt {
width: 100%;
display: flex;
align-items: center;
padding: 14px 10px;
background-color: #f2f2f2;
border: none;	
}
input[type="date"]::-webkit-date-and-time-value {
padding: 14px 5px !important;
}
.form-type {
display: inline-block;
width: calc(100% - 205px);
padding: 14px 10px;
margin: 0 0 0 5px;
}
.form-comment {
display: inline-block;
width: 100%;
padding: 14px 10px;
margin: 0 0 0 5px;
background-color: #f2f2f2;
border: none;
}
div.button-wrap {
margin: 4rem auto;
text-align: center;
}
#formbtn {
display: block;
padding: 10px;
width: 200px;
border: 2px solid #000;
background: #fff;
color: #000;
font-size: 18px;
margin: 2em auto 0;
font-weight: 700;
transition: 0.5s;
}
#formbtn:hover {
background: #000;
color: #fff;
}
#user-report-form .customer {
margin-top: 2rem;
padding-top: 2rem;
border-top: 4px solid #000;
}
#user-report-form .contents {
margin-top: 5rem;
background: #f2f2f2;
padding: 1rem 3rem 4rem;
width: 900px;
}
#user-report-form .contents h2 {
margin: 2rem 0;
font-size: 2em;
}
#user-report-form .element_wrap {
padding: 10px 5px 10px 0;
text-align: left;
}
#user-report-form .form-txt {
background-color: #fff;
}
#user-report-form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-txt {
width: 100%;
}
.element_wrap.br .flex {
justify-content: flex-start;
}
.element_wrap.report-txt, .element_wrap.br {
display: block;
}
.element_wrap.br {
display: block;
max-width: 700px;
}
.element_wrap.report-txt label {}
.element_wrap.report-txt P {
width: 100%;
margin-top: 1rem;
font-size: 0.9em;
font-weight: 400;
}
.element_wrap.report-txt P span {
color: red;
}
.element_wrap.report-txt .form-report {
display: inline-block;
width: 100%;
padding: 14px 10px;
margin: 0 0 0 5px;
background-color: #fff;
border: none;
}
.element_wrap.br .your-lastname, .element_wrap.br .your-firstname {
width: 300px;
margin: 0 20px 0 0;
}
.element_wrap.br .form-txt {
margin-left: 0;
background-color: #fff;
}
input.wpcf7-form-control.wpcf7-text.form-txt.p-postal-code {
width: 300px;
}
.wpcf7 input[type="file"] {
cursor: pointer;
padding: 14px 12px;
background: #fff;
width: 100%;
}
.product-select select, .product-select1 select, .product-select2 select, .product-select3 select, .wpcf7-form-control-wrap.area select {
-webkit-appearance: none;
appearance: none; }
.product-select select::-ms-expand, .wpcf7-form-control-wrap.area form select::-ms-expand {
display: none; }
.product-select form, .product-select1 form, .product-select2 form, .product-select3 form, .wpcf7-form-control-wrap.area form {
padding: 0px;
}
.product-select, .product-select1, .product-select2, .product-select3, .wpcf7-form-control-wrap.area {
position: relative;
}
.wpcf7-form-control-wrap.area {
position: relative;
width: 200px;
}
.product-select:after, .product-select1:after, .product-select2:after, .product-select3:after, .wpcf7-form-control-wrap.area:after {
content: "";
position: absolute;
right: 15px;
top: 7px;
bottom: 0;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-left: 2px solid #000;
transform: translateY(-50%) rotate(-135deg);
font-size: 20px;
pointer-events: none;
z-index: 10;
}
.product-select .dropdown, .product-select1 .dropdown, .product-select2 .dropdown, .product-select3 .dropdown, .wpcf7-form-control-wrap.area .dropdown {
background-color: #fff;
padding: 14px 10px;
font-weight: 400;
}
.cf7-thanks {
background: #f2f2f2;
padding: 2em;
width: 900px;
margin: 2em auto;
}
.cf7-thanks h2{
margin: 0;
}
@media screen and (max-width:900px){
#user-report-form .contents {
margin-top: 3rem;
padding: 2rem 2rem 4rem;
width: 100%;
}
.element_wrap {
width: 100%;
display: block;
margin-bottom: 0;
padding: 20px 0;
}
label {
width: 100%;
}
.wpcf7-form-control-wrap {
width: auto;
}
.form-txt {
margin-left: 0;
}
}
@media screen and (max-width:650px){
#user-report-form div.flex {
display: block;
}
.element_wrap.br .your-lastname input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-txt, .element_wrap.br .your-firstname input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-txt {
width: 100%;
}
.element_wrap.br .your-lastname input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-txt {
margin: 0 0 1rem;
}
#user-report-form .element_wrap {
padding: 10px 0 10px 0;
}
}
@media screen and (max-width:600px){
#contact .contents {
padding: 0 0 60px;
}
}
@media screen and (max-width:450px){
input.wpcf7-form-control.wpcf7-text.form-txt.p-postal-code {
width: 100%;
}
.element_wrap.br input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-txt {
width: 100%;
}
.element_wrap {
padding: 20px 0 0;
}
}
iframe.wp-embedded-content.lazyloaded {
width: 100%;
} #products24 {
background-color:#000;
}
#products24 .view {
height:100vh;
background-image:url(https://start2013.com/wp-content/themes/start/images/products24/hirohata.jpg);
background-size:cover;
background-position:center;
background-color:#ddd;
position:relative;
margin-bottom: 2em;
}
#products24 .view img{
max-height:80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#products24 .contents {
}
#products24 .contents .product24-logo{
width:150px;
}
#products24 .contents p.ttl24{
font-size: 2em;
color: #fff;
line-height: 1.2em;
font-weight: 900;
margin:0.2em 0 0.5em;
}
#products24 .contents p.ttl24 span{
font-size:0.8em;
}
.new-products.flex{
flex-wrap:wrap;
justify-content: space-between;
align-items: flex-start;
}
.new-products-wrap {
width: calc(33.33% - 20px);
}
.new-products-wrap .eyecatch:before {
content: "";
display: block;
padding-top: 100%;
}
.new-products-wrap .eyecatch .img span {
background: #FAEC21;
padding:0.2em 0.5em;
font-size:0.8em;
position: absolute;
top: 0;
right: 0;
}
.new-products-wrap a:hover .eyecatch .img span {
color: red;
}
.new-products-wrap .eyecatch a:hover .img, .new-products-wrap a:hover .eyecatch .img {
transform: scale(1);
}
.new-products-wrap {
margin-bottom: 2em;
}
.new-products-wrap .desc{
padding:10px 0 0;
color:#fff;
font-weight:900;
}
.new-products-wrap .desc .release-date{
border:1px solid #FAEC21;
color:#FAEC21;
padding:0.2em 0.5em;
font-size: 0.9em;
}
.new-products-wrap .desc p.ttl{
padding: 0.5em 0 0.5em;
line-height: 1.5em;
}
.new-products-wrap .desc p.txt {
line-height: 1.3em;
font-size: 0.85em;
font-weight: 500;
}
.new-products-wrap .desc p.link a{
background-color: #FAEC21;
padding: 0em 0.5em;
width: 100%;
display: block;
margin-top: 1em;
}
.new-products-wrap .desc p.link a:hover{
color:#aaa;
}
.new-products-wrap.released{
}
.new-products-wrap.released .desc{
padding:0;
}
.new-products-wrap.released p.ttl{
padding:0;
font-size: 0.9em;
}
a:hover .new-products-wrap.released p.ttl{
color: #ffce00;
}
.message24.contents.width1024px.flex{
flex-wrap:wrap;
align-items:stretch;
justify-content:space-between;
}
.message24.contents.width1024px.flex .left{
width:46%;
background-image:url(https://start2013.com/wp-content/themes/start/images/products24/taniyuri.jpg);
background-size:cover;
background-position:center;
background-color:#ddd;
}
.message24.contents.width1024px.flex .right{
width:50%;
color:#fff;
text-align:left;
font-size:0.9em;
}
.message24.contents.width1024px.flex .right img{
width:60%;
margin-bottom:2em;
}
@media screen and (max-width:800px){
#products24 .view img{
width:85%;
}
.new-products-wrap {
width: calc(50% - 20px);
}
.message24.contents.width1024px.flex .left{
width:100%;
position:relative;
z-index:10;
}
.message24.contents.width1024px.flex .left:before{
content: "";
display: block;
padding-top: 70%;
}
.message24.contents.width1024px.flex .right{
width:100%;
margin-top:-4em;
position:relative;
z-index:12;
padding:0 1em;
}
}
@media screen and (max-width:500px){
#products24 .view {
height:auto;
width:100%;
position:relative;
margin-top: 87px;
}
#products24 .view {	
content: "";
display: block;
padding-top: 100%;
}
#products24 .contents .product24-logo {
width: 100px;
}
#products24 .contents.width1024px {
padding:0 1em;
}
.new-products-wrap {
width: 100%;
}
.message24.contents.width1024px.flex .right{
margin-bottom:9em;
}
} #fs2023,
#fs2023-ov
{
background-color:#000;
background-image: url(https://start2013.com/wp-content/themes/start/images/fishingshow2023/back-light.png);
background-size: 100%;
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
text-align: center;
}
#fs2023 img.fs2023-logo,
#fs2023 img.ttl-img{
max-height:75vh;
text-align:center;	
animation: logofadein 1s;
opacity: 1;
}
@keyframes logofadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#fs2023 p.desc{
color:#fff;
margin:3em 0;
font-size: 1.3em;
}
ul.show-link{
}
ul.show-link li{
margin-bottom:2em;
}
ul.show-link li a{
display:flex;	
align-items:center;
border:solid 5px #fff;
border-radius:20px;
padding:1em;
transition:0.3s;
}
ul.show-link li a:hover{
background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
transition:0.5s;
}
ul.show-link li a p{
width:calc(100% - 260px);
color:#fff;
text-align:left;
font-size: 2.2em;
font-weight: 900;
line-height: 1.5em;
}
ul.show-link li a .arrow{
display: inline-block;
vertical-align: middle;
height:30px;	
margin-left:0.5em;
margin-right:1em;
}
ul.show-link li a p span{
display:block;
color:#fff;	
font-size: 0.6em;
}
ul.show-link li a div{
display:flex;
justify-content:flex-end;
width:260px;
height:100px;
text-align:right;
}
ul.show-link li a div{height:100px;text-align:right;}
ul.show-link li a div img:first-child{margin-right:0.5em;}
section#np2023{
background-color:#000;
}
#np2023 .contents{
background:#000;
width:100%;
}
#np2023 .new-products{
background-color:#000;
color:#fff;
}
#np2023 .new-products p.np2023-ttl{
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
font-size: 5em;
line-height: 1.3em;
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/background.jpg);
-webkit-background-clip: text;
color: transparent;
}
#np2023 .new-products p.np2023-ttl span{
display:block;
font-size: 0.5em;
line-height: 1.3em;
color:#464646;
}
#np2023 .new-products p{
padding: 2em 0 1em;
}
#np2023 .new-products .wrap p{
padding: 3em 0 8em;
}
#np2023 .sub-ttl{
display:block;
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;
font-size: 1.3em;
}
#np2023 .sub-ttl:before{
display: inline-block;
vertical-align: middle;
content: url(https://start2013.com/wp-content/themes/start/images/logo.svg);
width:50px;
margin-right:0.5em;
}
#np2023 .ttl{
display:block;
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;
font-weight:100;
font-size: 3em;
letter-spacing: 1.8px;
line-height: 1.3em;
}
#np2023 .new-products .line-up{
display:block;
}
#np2023 .new-products .catch-copy{
display:block;
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
font-size: 2em;
line-height: 1.3em;
margin:1em 0;
}
#np2023 .new-products p .txt{
display:block;
}
@media screen and (max-width:1024px){
#fs2023{
padding:0 1em;
}
#np2023 .new-products .wrap p{
padding: 3em 1em 8em;
}
}
@media screen and (max-width:700px){
ul.show-link li a {	
flex-wrap:wrap;
}
ul.show-link li a p {
width: calc(100% - 60px);
}
ul.show-link li a div{
width:100%;
justify-content:flex-end;
}
ul.show-link li a div{height:80px;text-align:right;}
ul.show-link li a div img:first-child{margin-right:0.5em;}	
}
@media screen and (max-width:400px){
ul.show-link {
font-size: 0.9em;
}
} #fs2023-ov .contents{
width:100%;
}
#fs2023-ov h1{
text-align: center;
margin:0;
padding:0;
}
#fs2023-ov h1:before{
display:none;
}
#fs2023-ov {	
color:#fff;
}
#fs2023-ov p {
color:#fff;
text-align:left;
margin-bottom:5em;
padding:0 1em;
}
#fs2023-ov p a{
display:flex;	
align-items:center;
border:solid 5px #fff;
border-radius:20px;
padding:1em;
transition:0.3s;
margin-top:2em;
}
#fs2023-ov p a:hover,#fs2023-ov p a span:hover{
background: #000;
color:#cebe6d;
transition:0.5s;
}
#fs2023-ov p a span{
display:block;
width:calc(100% - 50px);
color:#fff;
text-align:left;
font-size: 2.2em;
font-weight: 900;
line-height: 1.5em;
}
#fs2023-ov p a .arrow{
display: inline-block;
vertical-align: middle;
height:30px;	
margin-left:0.5em;
margin-right:1em;
}
#fs2023-ov h2{	
color:#464646;
font-size: 6em;
letter-spacing: 2.2px;
line-height: 1.3em;
margin-top:2em;
}
#fs2023-ov h2,
#fs2023-ov h3{	
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
text-align:left;
}
#fs2023-ov h3{
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/background.jpg);
background-size: 100%;
background-position: center center;
color: #000;
font-size: 2em;
padding:0.5em;
}
#fs2023-ov h3:before{
display:none;
padding:0;
margin:0;
}
#fs2023-ov h4{
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
text-align:left;
font-size:1.5em;
line-height: 1em;
margin-bottom: 1rem;
}
#fs2023-ov ol {
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
text-align:left;
font-size:1.5em;
padding-left: 0;
}
#fs2023-ov ol li{
line-height:1.8em;
list-style:
}
#fs2023-ov p.eventoverview{
margin-bottom: 2rem;
}
img.ttl-img{max-width:400px;}
@media screen and (max-width:1024px){
#fs2023-ov .width1024px{
padding:0 1em;
}
}
@media screen and (max-width:700px){
#fs2023-ov h2{	
font-size: 4em;
}
}
@media screen and (max-width:500px){
#fs2023-ov h2{	
font-size: 3em;
}
#fs2023-ov h3{	
font-size: 1.5em;
}
}
@media screen and (max-width:500px){
img.ttl-img{width:100%;padding: 0 0.5em;
}
}
@media screen and (max-width:350px){
#fs2023-ov h2{	
font-size: 2.5em;
}
#fs2023-ov ol{	
font-size: 1.2em;
}
} #lottery2023 ,
#lottery-link {
background-color:#000;	
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/lottery-bg.png);
background-size:100%;
background-repeat:repeat;
}
#lottery2023 p {
color:#fff9e1;
}
#lottery2023 h4 {
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/background.jpg);
background-size: 100%;
background-position:center center;
color:#000;
}
#lottery2023 h1,
#lottery2023 h2{
font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;	
line-height: 1.3em;
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/background.jpg);
-webkit-background-clip: text;
color: transparent;
}
#lottery2023 h1{
position:static;
font-size: 3em;
text-align:center;
padding:0;
}
#lottery2023 h1:before{	
content: "";
position:static;
display: inline-block;
vertical-align: middle;
content: url(https://start2013.com/wp-content/themes/start/images/lottery/10thlogo-gold.svg);
width:60px;
height:auto;
margin-right:0.2em;
}
#lottery2023 h2{
font-size: 5em;	
text-align:center;
}
#lottery2023 h2.omedeto{
font-size:3em;
}
#lottery2023 .winners{
}
#lottery2023 .winners img{
max-width:600px;
display:block;
margin:0 auto 3em;
}
#lottery2023 .winners .win-number {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 800px;
margin: 0 auto 3em;
}
#lottery2023 .winners .win-number p{
width:20%;	
font-size: 1.2em;	
text-align: center;
}
#lottery2023 .desc {
margin-bottom:3em;
}
#lottery2023 .desc .wrap{
display:flex;
flex-wrap:wrap;
margin-bottom:3em;
}
#lottery2023 .desc .wrap img{
width:35%;
padding: 0 1em;
height: 100%;
}
#lottery2023 .desc .wrap p{
width:65%;
padding: 0 1em;
}
#lottery2023 .flow-list{
max-width:800px;
margin:0 auto 1.5em;
border:1px solid #fff9e1;
padding: 2em;
}
#lottery2023 div.flow-list.last{
margin-bottom:4em;
}
#lottery2023 .flow-list .flow-ttl{
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px solid #fff9e1;
}
#lottery2023 .flow-list .flow-ttl .number{
font-size:3em;
}
#lottery2023 .flow-list .flow-ttl .ttl{
font-size:1.3em;
}
#lottery2023 .desc .wrap{
display:flex;
flex-wrap:wrap;
margin-bottom:3em;
}
#lottery2023 .hr,
#np2023 .hr,
#fs2023-ov .hr
{
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/background.jpg);
background-size: 100%;
background-position:center center;
color:#000;
height:10px;
width:100%;
margin-bottom:3em;
}
#fs2023-ov .hr{
margin-top:5em;
}
#lottery-link {margin-top:-6em;}
#lottery-link .wrap a img{
width:calc(50% - 0.5em);
padding:1em;
border-radius: 50px;
}
#lottery-link .wrap a img:hover{
opacity:0.8;
transition:0.3s;
}
@media screen and (max-width:600px){
#np2023 .new-products p.np2023-ttl {
font-size: 3em;
}
}
@media screen and (max-width:1024px){
#lottery2023{
padding:0 1em;
}
}
@media screen and (max-width:900px){
#lottery2023 h2.omedeto{
font-size:2em;
}
#lottery2023 .winners img{
width:100%;
padding:0 2em;
}
}
@media screen and (max-width:800px){
#lottery2023 .desc .wrap img{
width:100%;
padding: 0 3em;
}
#lottery2023 .desc .wrap p{
width:100%;
padding: 1em 1em 0;
}
}
@media screen and (max-width:700px){
#lottery-link{
padding:0 1em;
}
#lottery-link .wrap a img{
width:100%;
padding:0;
border-radius: 20px ;
margin-bottom:1em;
}
#fs2023 img.fs2023-logo{
padding:0 1em;
}
#lottery2023 h1{
font-size: 2.5em;
}
#lottery2023 h2{
font-size: 4em;	
}
}
@media screen and (max-width:650px){
#fs2023 p.desc {
font-size: 1em;
}
}
@media screen and (max-width:600px){
#lottery2023 h1{
font-size: 2em;
}
#lottery2023 h2{
font-size: 3em;	
}
}
@media screen and (max-width:550px){
#lottery2023 h2.omedeto{
font-size:1.7em;
}
}
@media screen and (max-width:500px){
#fs2023 p.desc {
font-size: 1em;
}
#lottery2023 h1{
font-size: 1.4em;
}
#lottery2023 h1:before{	
width:40px;
}
}
@media screen and (max-width:450px){
#lottery2023 h2.omedeto{
font-size:1.4em;
}
}
@media screen and (max-width:400px){
#lottery2023 h4 {
letter-spacing: 2px;
}
#lottery2023 .winners .win-number {
}
#lottery2023 .winners .win-number p{
width:25%;	
font-size: 1.2em;	
}
} .winners-desc h2.omedeto{
margin-top:1.5em;
}
.winners-form{
margin: 2em 0 5em;
padding:1em 3em;
background:#131312;
border: 2px solid #c6a563;
}
.winners-form form{
padding: 1em 0;
}
.winners-form p{
color:fff;
}
.winners-form label{
color:#fff;
}
.winners-form #formbtn:hover {
background-image: url(https://start2013.com/wp-content/themes/start/images/lottery/background.jpg);
background-size: 100%;
background-position:center center;
color:#000;
}
.winners-form p.photo-desc {
font-size: 0.9em;
line-height: 1.8em;
margin-bottom: 1.5em;
}
@media screen and (max-width:650px){
.winners-form div.flex {
display: block;
}
}
@media screen and (max-width:450px){
.winners-form{
margin-top:2em;
padding:1em 1em;
background:#131312;
}
.winners-form form{
padding: 1em 0;
}	
.winners-form .img_form {
position: relative;
width: 100%;
}	
} footer#bk {
background-color: #000;
color: #fff;
}
footer#bk .footer:before {
background: #fff;
}
footer#bk #footer-nav ul.menu.flex li:after {
   color: #fff;
}
footer#bk #footer-nav ul.menu.flex li a {
color:#fff;
}
footer#bk #footer-nav ul.menu.flex li a:hover {
color:#ffce00;
}
footer#bk #footer-nav ul.sns svg {
fill: #fff;
}
footer#bk #footer-nav ul.sns svg:hover {
fill: #ffce00;
} section#top-banner {
display:none;
} .youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
} #hansoku .contents{
padding: 0 1rem ;
}
.post-password-form{
text-align:center;
}
.post-password-form label{
width: calc(300px - 1rem);
margin: 0 auto;
} #photocon {
background:#c51e71;
color:#fff;
padding:0 1em;
}
#photocon a{
color:#fff;
}
#photocon a:hover{
color:#f3e026;
}
#photocon h3{
color:#fff;
margin:0;
}
#photocon h3:before {
background: #fff;
color: #fff;
}
#photocon h4{
background:#f3e026;
color:#000;
}
#photocon h5{
border-top: 3px dotted #f3e026;
border-bottom: 3px dotted #f3e026;
color:#f3e026;
} #contents-header .contents-ttl.simple{
height: auto;
padding:2rem 0 0rem;
}
.page-simple{
padding:0 1em;
}
table.ivent-schedule{
padding:1em 0;
width:100%;
border-spacing: 0;
}
table.ivent-schedule tr{}
table.ivent-schedule th{
border:solid 2px #fff;
background:#e7e7e7;
}
table.ivent-schedule th,table.ivent-schedule td{padding:0.5em 0.5em;}
table.ivent-schedule td{border-bottom:solid 2px #e7e7e7;}
table.ivent-schedule td a{}
table.ivent-schedule tr td:nth-child(2),table.ivent-schedule tr td:nth-child(4),table.ivent-schedule tr td:first-child{
text-align:center;
} #archive.fordealer .topics-archive.flex {
align-items: stretch;
}
#archive.fordealer .ttl {
color: #fff;
background: #000;
padding: 0 0.5em;
margin-bottom: 0.5em;
border-radius: 5px;
}
#archive.fordealer a:hover .ttl {
text-decoration:none;
}
#archive.fordealer .topics{
}
#archive.fordealer .topics-archive-wrap{
border-top: 5px solid #000;
border-bottom: 5px solid #000;
padding-top: 0.5em;
position: relative;
margin-bottom: 4em;
padding-bottom:0.5em;
}
#archive.fordealer .topics-archive-wrap:before{
position: absolute;
content: '';
left: 0;
top: 0;
width: 4px;
height: 60px;
z-index: 99;
background: #000;
}
#archive.fordealer .topics-archive-wrap:after{
position: absolute;
content: '';
right: 0;
bottom: 0;
width: 4px;
height: 15px;
z-index: 99;
background: #000;
}
#archive.fordealer .txt{
}
#archive.fordealer .txt p {
font-size: 0.8em;
line-height: 1.5em;
}
a.pop-cat {
position: absolute;
background: #000;
top: -14px;
right: 0;
color: #fff;
font-size: 0.8em;
padding: 0 0.5em;
z-index: 100;
border-radius: 5px;
}
.pop-dl{
font-size:0.8em;
border: dashed 2px #000;
padding: 0.5em 0.7em;
display:block;
margin-top: 0.5em;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
}
.pop-dl:hover{
background:#eee;
color:#000;
transition:0.3s;
}
.pop-dl:hover a{
color:#000;
}
.pop-dl p{
margin-right:0.5em;
}
.icon-dl{
height: 13px;
} .dropdown.whbg {
   border: 1px solid #000;
background-color: #f2f2f2;
}.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:300;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:200;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media(min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media(min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media(min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media(min-width:64em){.drawer-container{max-width:60rem}}@media(min-width:75em){.drawer-container{max-width:70rem}}