@charset 'UTF-8';

html{
font-size:16px;
position:relative;
z-index:-1;
height:100%;
margin:0;
padding:0;
color:#412f13;
}

body{
font-family:arial, helvetica, メイリオ, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
font-size:88%;
position:relative;
z-index:-1;
min-width:980px;
margin:0;
padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
address,
blockquote,
table,
ul,
ol,
dl,
hr{
font-style:normal;
line-height:1.35;
margin:0;
}

p{
margin-top:18px;
}

p:first-child{
margin-top:0;
}

ul,
ol{
margin:0;
padding:0;
list-style-type:none;
}

abbr,
acronym,
bdo,
cite,
code,
dfn,
em,
img,
kbd,
q,
samp,
span,
strong,
sub,
sup,
var{
font-style:normal;
}

em{
font-weight:bold;
font-style:normal;
}

strong{
font-weight:bold;
}

sub,
sup{
font-size:79%;
position:relative;
vertical-align:baseline;
}

sub{
top:4px;
}

sup{
top:-4px;
}

a{
color:#3e6199;
}

a:hover,
a:active,
a:focus{
text-decoration:none;
}

img{
line-height:1;
vertical-align:bottom;
border:none;
}

q{
quotes:none;
}

ins{
text-decoration:underline;
}

del{
text-decoration:line-through;
}

table{
margin:0;
padding:0;
}

th p,
th ul,
th ol,
th dl,
td p,
td ul,
td ol,
td dl{
margin:0;
padding:0;
}

form{
margin:0;
padding:0;
}

fieldset{
margin:0;
padding:0;
border:none;
}

label{
margin:0;
padding:0;
cursor:pointer;
border:none;
}

input{
margin:0;
}

input[type='image'],
input.image{
border:none;
}

optgroup{
font-style:normal;
}

textarea{
resize:none;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
div,
ul,
ol,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
label{
zoom:1;
}

ul li,
ol li{
zoom:normal;
}

.tbl-01{
width:100%;
border-collapse:collapse;
border:2px solid #7f5e2a;
}

.tbl-01 th,
.tbl-01 td{
padding:9px 10px 9px 20px;
vertical-align:top;
border-top:1px solid #7f5e2a;
border-left:1px solid #7f5e2a;
}

tr:first-child .tbl-01 th,
tr:first-child .tbl-01 td{
border-top:none;
}

.tbl-01 th:first-child,
.tbl-01 td:first-child{
border-left:none;
}

.tbl-01 th{
font-weight:normal;
width:22%;
text-align:left;
background:#ecb866;
}

.tbl-01 td{
background:#fff;
}

.txt{
font-size:86%;
}

.wrapper{
position:relative;
z-index:-1;
overflow:hidden;
padding-top:40px;
background:#ffdf00;
}

.wrapper:before{
position:absolute;
z-index:1;
top:0;
left:0;
display:block;
width:100%;
height:45px;
content:'';
background:url('/sp/english/tepra_lite/lr5e/shared/images/bg-01.png') 0 0 repeat-x;
}

.inner{
position:relative;
z-index:-1;
width:980px;
margin:0 auto;
}

.wrapper > .inner{
margin-top:611px;
}

.main-visual{
position:absolute;
z-index:-1;
left:50%;
width:1280px;
height:571px;
margin-left:-640px;
background:url('/sp/english/tepra_lite/lr5e/shared/images/bg-02.png') 0 0 no-repeat;
}

.main-visual > .inner{
position:relative;
}

.main-visual .logo-01,
.main-visual .logo-02,
.main-visual h1{
position:absolute;
top:22px;
}

.main-visual .logo-01{
left:0;
}

.main-visual .logo-02{
right:0;
}

.main-visual h1{
left:211px;
-webkit-animation-name:animation01;
animation-name:animation01;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-timing-function:ease;
animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
}

.main-visual .img-01{
position:relative;
z-index:1;
top:101px;
text-align:center;
}

.tab-area-01{
position:relative;
z-index:-1;
padding:10px;
border-radius:8px;
background:#7f5e2a;
}

.tab-area-01 .tab-btn-01{
position:relative;
}

.tab-area-01 .tab-btn-01 li{
float:left;
margin-left:2px;
}

.tab-area-01 .tab-btn-01 li:first-child{
margin-left:0;
}

.tab-area-01 .tab-btn-01 li a{
display:block;
width:182px;
height:90px;
color:#fff;
}

.tab-area-01 .tab-btn-01 li.btn-howto a{
width: 223px;
}

.tab-area-01 .tab-btn-01 li a:hover:after,
.tab-area-01 .tab-btn-01 li a:focus:after{
position:absolute;
z-index:4;
top:100%;
left:0;
display:block;
width:100%;
height:2px;
content:'';
}

.tab-area-01 .tab-btn-01 li a span{
position:relative;
z-index:-1;
top:20px;
left:25px;
}

.tab-area-01 .tab-btn-01 li.current a:after{
position:absolute;
z-index:3;
top:100%;
left:0;
display:block;
width:100%;
height:2px;
content:'';
}

.tab-area-01 .tab-btn-01 li.btn-scene a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-scene-01.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-scene a:hover,
.tab-area-01 .tab-btn-01 li.btn-scene a:focus{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-scene-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-scene a:hover:after,
.tab-area-01 .tab-btn-01 li.btn-scene a:focus:after{
background:#b7d201;
}

.tab-area-01 .tab-btn-01 li.btn-scene.current a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-scene-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-scene.current a:after{
background:#b7d201;
}

.tab-area-01 .tab-btn-01 li.btn-feature a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-feature-01.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-feature a:hover,
.tab-area-01 .tab-btn-01 li.btn-feature a:focus{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-feature-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-feature a:hover:after,
.tab-area-01 .tab-btn-01 li.btn-feature a:focus:after{
background:#f8b300;
}

.tab-area-01 .tab-btn-01 li.btn-feature.current a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-feature-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-feature.current a:after{
background:#f8b300;
}

.tab-area-01 .tab-btn-01 li.btn-howto a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-howto-01.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-howto a:hover,
.tab-area-01 .tab-btn-01 li.btn-howto a:focus{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-howto-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-howto a:hover:after,
.tab-area-01 .tab-btn-01 li.btn-howto a:focus:after{
background:#72ba2f;
}

.tab-area-01 .tab-btn-01 li.btn-howto.current a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-howto-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-howto.current a:after{
background:#72ba2f;
}

.tab-area-01 .tab-btn-01 li.btn-tape a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-tape-01.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-tape a:hover,
.tab-area-01 .tab-btn-01 li.btn-tape a:focus{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-tape-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-tape a:hover:after,
.tab-area-01 .tab-btn-01 li.btn-tape a:focus:after{
background:#ffde14;
}

.tab-area-01 .tab-btn-01 li.btn-movie a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-movie-01.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-movie a:hover,
.tab-area-01 .tab-btn-01 li.btn-movie a:focus{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-movie-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-movie a:hover:after,
.tab-area-01 .tab-btn-01 li.btn-movie a:focus:after{
background:#8fc322;
}

.tab-area-01 .tab-btn-01 li.btn-tape.current a{
background:url('/sp/english/tepra_lite/lr5e/shared/images/btn-tape-01_o.png') 0 0 no-repeat;
}

.tab-area-01 .tab-btn-01 li.btn-tape.current a:after{
background:#ffde14;
}

.tab-area-01 .tab-btn-01 + .tab-cont-01{
margin-top:0;
}

.tab-area-01 .tab-cont-01{
margin-top:10px;
}

.tab-area-01 .tab-cont-01.scene{
padding:9px 19px 33px;
background:#fffde3 url('/sp/english/tepra_lite/lr5e/shared/images/scene-bg-01.png') 0 0 repeat;
}

.tab-area-01 .tab-cont-01.scene .title{
position:relative;
z-index:1;
text-align:center;
}

.tab-area-01 .tab-cont-01.scene .lead{
position:relative;
margin-top:-65px;
text-align:center;
}

.tab-area-01 .tab-cont-01.scene .lead:before,
.tab-area-01 .tab-cont-01.scene .lead:after{
position:absolute;
top:0;
display:block;
width:154px;
height:162px;
content:'';
}

.tab-area-01 .tab-cont-01.scene .lead:before{
left:0;
background:url('/sp/english/tepra_lite/lr5e/shared/images/scene-bg-02.png') 0 0 no-repeat;
}

.tab-area-01 .tab-cont-01.scene .lead:after{
right:0;
background:url('/sp/english/tepra_lite/lr5e/shared/images/scene-bg-03.png') 0 0 no-repeat;
}

.tab-area-01 .tab-cont-01.scene .lyt-col-01{
margin-top:-30px;
}

.tab-area-01 .tab-cont-01.scene .lyt-col-01 .col{
float:left;
margin-left:8px;
}

.tab-area-01 .tab-cont-01.scene .lyt-col-01 .col:first-child{
margin-left:0;
}

.tab-area-01 .tab-cont-01.scene .lyt-col-01 .col h3{
text-align:center;
}

.tab-area-01 .tab-cont-01.scene .lyt-col-01 .col.kitchen{
margin-top:39px;
}

.tab-area-01 .tab-cont-01.scene .lyt-col-01 .col.doc{
margin-top:42px;
}

.tab-area-01 .tab-cont-01.feature{
position:relative;
padding:16px 17px 43px 9px;
color:#787e2a;
background:#fffbe3;
}

.tab-area-01 .tab-cont-01.feature:after{
position:absolute;
right:-1px;
bottom:-1px;
display:block;
width:323px;
height:152px;
content:'';
background:url('/sp/english/tepra_lite/lr5e/shared/images/feature-bg-02.png') 0 0 no-repeat;
}

.tab-area-01 .tab-cont-01.feature .title{
position:relative;
z-index:1;
text-align:center;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01{
margin:-112px 0 0 11px;
padding:63px 32px 65px 39px;
background:url('/sp/english/tepra_lite/lr5e/shared/images/feature-bg-01.png') 12px 40px no-repeat;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col{
float:left;
width:408px;
margin:40px 0 0 11px;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col p{
margin-top:0;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col h3 + .txt,
.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col h3 + .img{
margin-top:27px;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col.size .txt + .img{
margin-top:29px;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col.font h4{
margin-top:16px;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col.font h4 + .txt{
margin:4px 0 0 13px;
color:#412f13;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col.deco .txt + .img{
margin-top:13px;
}

.tab-area-01 .tab-cont-01.feature .lyt-col-01 .col.pict .txt + .img{
margin-top:27px;
}

.tab-area-01 .tab-cont-01.feature > .icon-01,
.tab-area-01 .tab-cont-01.feature > .icon-02{
position:absolute;
z-index:2;
margin-top:0;
}

.tab-area-01 .tab-cont-01.feature > .icon-01{
top:66px;
right:8px;
}

.tab-area-01 .tab-cont-01.feature > .icon-02{
bottom:3px;
left:0;
}

.tab-area-01 .tab-cont-01.howto{
padding-bottom:24px;
background:#fffbe3;
}

.tab-area-01 .tab-cont-01.howto .title{
position:relative;
z-index:2;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01{
position:relative;
height:498px;
margin-top:-118px;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col{
position:absolute;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.parts{
z-index:1;
top:0;
left:0;
padding:30px 54px 59px 22px;
background:url('/sp/english/tepra_lite/lr5e/shared/images/howto-bg-01.png') 9px 0 no-repeat;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.parts h3{
position:relative;
z-index:1;
margin-left:10px;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.parts h3 + .img{
margin-top:-50px;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step{
top:20px;
right:0;
width:472px;
height:465px;
background:url('/sp/english/tepra_lite/lr5e/shared/images/howto-bg-02.png') 0 0 no-repeat;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step h3{
margin:11px 0 0 209px;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step .lst-step-01{
position:absolute;
top:69px;
left:74px;
width:352px;
height:354px;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step .lst-step-01 li{
position:absolute;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step .lst-step-01 li.first{
top:0;
left:0;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step .lst-step-01 li.second{
top:84px;
left:192px;
}

.tab-area-01 .tab-cont-01.howto .lyt-col-01 .col.step .lst-step-01 li.third{
top:194px;
left:13px;
}

.tab-area-01 .tab-cont-01.howto .sec-spec-01{
width:920px;
margin:26px auto 0;
}

.tab-area-01 .tab-cont-01.howto .sec-spec-01 .tbl-01{
margin-top:18px;
}

.tab-area-01 .tab-cont-01.movie {
    padding: 19px;
    background: #fffde3 url(/sp/english/tepra_lite/lr5e/shared/images/scene-bg-01.png) 0 0 repeat;
}
.tab-area-01 .tab-cont-01.movie .movie-lay{
    width: 922px;
    margin: auto;
}

.tab-area-01 .tab-cont-01.tape{
background:#fffbe3;
}

.tab-area-01 .tab-cont-01.tape .sec-tepra-01{
position:relative;
padding:21px 32px 27px 20px;
}

.tab-area-01 .tab-cont-01.tape .sec-tepra-01 h3{
position:relative;
z-index:1;
}

.tab-area-01 .tab-cont-01.tape .sec-tepra-01 .lineup{
margin:19px 0 0 75px;
}

.tab-area-01 .tab-cont-01.tape .sec-tepra-01 .package{
position:absolute;
top:6px;
right:45px;
margin-top:0;
}

.tab-area-01 .tab-cont-01.tape .sec-tepra-01 h4{
margin-top:32px;
}

.tab-area-01 .tab-cont-01.tape .sec-tepra-01 h4 + .txt{
position:relative;
z-index:1;
margin:7px 0 0 20px;
}

.tab-area-01 .tab-cont-01.tape .sec-coharu-01{
position:relative;
padding:27px 32px 20px 20px;
background:#fff9c7 url('/sp/english/tepra_lite/lr5e/shared/images/tape-bg-01.png') 0 0 repeat;
}

.tab-area-01 .tab-cont-01.tape .sec-coharu-01 h3{
position:relative;
z-index:1;
}

.tab-area-01 .tab-cont-01.tape .sec-coharu-01 .lineup{
width:782px;
margin:28px 0 0 67px;
}

.tab-area-01 .tab-cont-01.tape .sec-coharu-01 .package{
position:absolute;
top:21px;
right:45px;
margin-top:0;
}

.tab-area-01 .tab-cont-01.tape .sec-coharu-01 h4{
margin-top:23px;
}

.tab-area-01 .tab-cont-01.tape .sec-coharu-01 h4 + .txt{
position:relative;
z-index:1;
margin:5px 0 0 20px;
}

.copy{
margin:27px 0;
text-align:center;
}

.tab-area-01 .tab-btn-01,
.tab-area-01 .tab-cont-01.scene .lyt-col-01,
.tab-area-01 .tab-cont-01.feature .lyt-col-01{
zoom:1;
}

.tab-area-01 .tab-btn-01:after,
.tab-area-01 .tab-cont-01.scene .lyt-col-01:after,
.tab-area-01 .tab-cont-01.feature .lyt-col-01:after{
display:block;
clear:both;
content:'';
}

.btn-01 {
font-family: 'roboto', 'Arial', sans-serif;
font-weight: bold;
font-size: 1.4em;
line-height: 1.1;
text-decoration: none;
color: #2485ce;
background: #fff;
text-align: center;
display: block;
max-width: 350px;
margin: 30px auto 0;
padding: 20px;
border: solid 3px #2485ce;
border-radius: 3px;
transition: .2s;
}
.btn-01 > span {
display: inline-block;
position: relative;
padding-right: 24px;
}
.btn-01 > span::before {
content: '';
display: block;
width: 4px;
height: 4px;
border: solid #fff;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 6px;
margin-top: -3px;
z-index: 10;
transition: .2s;
}
.btn-01 > span::after {
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
background: #2485ce;
position: absolute;
top: 50%;
right: 0;
margin-top: -8px;
transition: .2s;
}
.btn-01:hover, .btn-01:focus {
background: #2485ce;
color: #fff;
transition: .2s;
}
.btn-01:hover > span::before, .btn-01:focus > span::before{
border-color: #2485ce;
transition: .2s;
}
.btn-01:hover > span::after, .btn-01:focus > span::after {
background: #fff;
transition: .2s;
}

.link-01{
font-size: 0.75rem;
line-height: 0.83333;
margin-top: 10px;
}
.link-01 a{
display: inline-block;
text-decoration: none;
border: solid 1px #5498e0;
border-radius: 2px;
padding: 8px 22px 7px 10px;
position: relative;
color: #5498e0;
transition: opacity .2s;
}
.link-01 a::after{
content: '';
display: block;
position: absolute;
border: solid #5498e0;
border-width: 1px 1px 0 0;
width: 4px;
height: 4px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
right: 12px;
top: 50%;
margin-top: -3px;
}
.link-01 a:hover, .link-01 a:focus {
opacity: .7;
transition: opacity .2s;
}

@-webkit-keyframes animation01{

0%{
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}

50%{
-webkit-transform:translate(0, -10px);
transform:translate(0, -10px);
}

100%{
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}

}

@keyframes animation01{

0%{
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}

50%{
-webkit-transform:translate(0, -10px);
transform:translate(0, -10px);
}

100%{
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
}

}