html
{
overflow-y: scroll;
}body
{
position:relative;line-height: 1;color: #000;
letter-spacing: 0;
}html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{font-size: 100%;
margin: 0;padding: 0;vertical-align: baseline;border: 0;outline: 0;background: transparent;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
display: block;
}nav ul
{
list-style: none;
}blockquote,
q
{
quotes: none;
}blockquote:before,
blockquote:after,
q:before,
q:after
{
content: '' ;content: none;
}a
{font-size: 100%;
margin: 0;padding: 0;vertical-align: baseline;background: transparent;
}ins
{text-decoration: none;color: #000;
background-color: #ff9;
}mark
{font-weight: bold;font-style: italic;color: #000;
background-color: #ff9;
}del
{
text-decoration: line-through;
}abbr[title],
dfn[title]
{cursor: help;
border-bottom: 1px dotted;
}table
{border-spacing: 0;
border-collapse: collapse;
}hr
{
display: block;height: 1px;margin: 1em 0;padding: 0;border: 0;border-top: 1px solid #ccc;
}input,
select
{
vertical-align: middle;
}body
{
font: 13px/1.231 arial,helvetica,clean,sans-serif;*font-size: small;*font: x-small;
}select,
input,
button,
textarea
{
font: 99% arial,helvetica,clean,sans-serif;
}table
{font: 100%;
font-size: inherit;
}pre,
code,
kbd,
samp,
tt
{
font-family: monospace;line-height: 100%;*font-size: 108%;
}.l-wrap:before,
.l-wrap:after
{display: block;overflow: hidden;height: 0;
content: '\0020';
}.l-wrap:after
{
clear: both;
}body
{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size: 16px;line-height: 1.6;color: #000;
background: #fff;
}*,
*:before,
*:after
{
box-sizing: border-box;
}img
{max-width: 100%;max-height: 100%;
vertical-align: bottom;
}h1,
h2,
h3,
h4,
h5,
h6
{
font-family: inherit;font-weight: 500;line-height: 1.5;color: inherit;
}h1
{
font-size: 1.6em;
}h2
{
font-size: 1.4em;
}h3
{
font-size: 1.2em;
}h4
{
font-size: 1em;
}h5
{
font-size: 1em;
}h6
{
font-size: 1em;
}ul,
ol
{
margin: 0;padding: 0;
}ul li
{
list-style-type: none;
}ol
{
list-style: none;counter-reset: li;
}ol li
{
position: relative;padding-left: 20px;
}ol li:before
{margin-left: -20px;padding-right: 6px;
content: counter(li) '.';counter-increment: li;
}.u-align--left
{margin-right: auto;
text-align: left;
}.u-align--right
{margin-left: auto;
text-align: right;
}.u-align--center
{margin-right: auto;
margin-left: auto;text-align: center;
}.u-align--vertical-middle
{
vertical-align: middle;
}.u-align--vertical-base
{
vertical-align: baseline;
}@media (max-width: 999px)
{
.u-only--pc
{
display: none !important;
}
}.u-only--sp
{
display: none !important;
}@media (max-width: 749px)
{
.u-only--sp
{
display: initial !important;
}
}.u-not--pc
{
display: none !important;
}@media (max-width: 999px)
{
.u-not--pc
{
display: initial !important;
}
}@media (max-width: 749px)
{
.u-not--sp
{
display: none !important;
}
}@media (max-width: 999px)
{
.u-inner--tablet
{margin-right: 10px;
margin-left: 10px;
}
}@media (max-width: 749px)
{
.u-inner--sp
{margin-right: 10px;
margin-left: 10px;
}
}.u-mgt--0
{
margin-top: 0;
}.u-mgt--5
{
margin-top: 5px;
}.u-mgt--10
{
margin-top: 10px;
}.u-mgt--15
{
margin-top: 15px;
}.u-mgt--20
{
margin-top: 20px;
}.u-mgt--25
{
margin-top: 25px;
}.u-mgt--30
{
margin-top: 30px;
}.u-mgt--35
{
margin-top: 35px;
}.u-mgt--40
{
margin-top: 40px;
}.u-mgt--45
{
margin-top: 45px;
}.u-mgt--50
{
margin-top: 50px;
}.u-mgt--55
{
margin-top: 55px;
}.u-mgt--60
{
margin-top: 60px;
}.u-mgt--65
{
margin-top: 65px;
}.u-mgt--70
{
margin-top: 70px;
}.u-mgt--75
{
margin-top: 75px;
}.u-mgt--80
{
margin-top: 80px;
}.u-mgt--85
{
margin-top: 85px;
}.u-mgt--90
{
margin-top: 90px;
}.u-mgt--95
{
margin-top: 95px;
}.u-mgt--100
{
margin-top: 100px;
}.u-mgb--0
{
margin-bottom: 0;
}.u-mgb--5
{
margin-bottom: 5px;
}.u-mgb--10
{
margin-bottom: 10px;
}.u-mgb--15
{
margin-bottom: 15px;
}.u-mgb--20
{
margin-bottom: 20px;
}.u-mgb--25
{
margin-bottom: 25px;
}.u-mgb--30
{
margin-bottom: 30px;
}.u-mgb--35
{
margin-bottom: 35px;
}.u-mgb--40
{
margin-bottom: 40px;
}.u-mgb--45
{
margin-bottom: 45px;
}.u-mgb--50
{
margin-bottom: 50px;
}.u-mgb--55
{
margin-bottom: 55px;
}.u-mgb--60
{
margin-bottom: 60px;
}.u-mgb--65
{
margin-bottom: 65px;
}.u-mgb--70
{
margin-bottom: 70px;
}.u-mgb--75
{
margin-bottom: 75px;
}.u-mgb--80
{
margin-bottom: 80px;
}.u-mgb--85
{
margin-bottom: 85px;
}.u-mgb--90
{
margin-bottom: 90px;
}.u-mgb--95
{
margin-bottom: 95px;
}.u-mgb--100
{
margin-bottom: 100px;
}.u-mgv--0
{
margin-top: 0;margin-bottom: 0;
}.u-mgv--5
{
margin-top: 5px;margin-bottom: 5px;
}.u-mgv--10
{
margin-top: 10px;margin-bottom: 10px;
}.u-mgv--15
{
margin-top: 15px;margin-bottom: 15px;
}.u-mgv--20
{
margin-top: 20px;margin-bottom: 20px;
}.u-mgv--25
{
margin-top: 25px;margin-bottom: 25px;
}.u-mgv--30
{
margin-top: 30px;margin-bottom: 30px;
}.u-mgv--35
{
margin-top: 35px;margin-bottom: 35px;
}.u-mgv--40
{
margin-top: 40px;margin-bottom: 40px;
}.u-mgv--45
{
margin-top: 45px;margin-bottom: 45px;
}.u-mgv--50
{
margin-top: 50px;margin-bottom: 50px;
}.u-mgv--55
{
margin-top: 55px;margin-bottom: 55px;
}.u-mgv--60
{
margin-top: 60px;margin-bottom: 60px;
}.u-mgv--65
{
margin-top: 65px;margin-bottom: 65px;
}.u-mgv--70
{
margin-top: 70px;margin-bottom: 70px;
}.u-mgv--75
{
margin-top: 75px;margin-bottom: 75px;
}.u-mgv--80
{
margin-top: 80px;margin-bottom: 80px;
}.u-mgv--85
{
margin-top: 85px;margin-bottom: 85px;
}.u-mgv--90
{
margin-top: 90px;margin-bottom: 90px;
}.u-mgv--95
{
margin-top: 95px;margin-bottom: 95px;
}.u-mgv--100
{
margin-top: 100px;margin-bottom: 100px;
}.u-mgl--0
{
margin-left: 0;
}.u-mgl--5
{
margin-left: 5px;
}.u-mgl--10
{
margin-left: 10px;
}.u-mgl--15
{
margin-left: 15px;
}.u-mgl--20
{
margin-left: 20px;
}.u-mgl--25
{
margin-left: 25px;
}.u-mgl--30
{
margin-left: 30px;
}.u-mgl--35
{
margin-left: 35px;
}.u-mgl--40
{
margin-left: 40px;
}.u-mgl--45
{
margin-left: 45px;
}.u-mgl--50
{
margin-left: 50px;
}.u-mgl--55
{
margin-left: 55px;
}.u-mgl--60
{
margin-left: 60px;
}.u-mgl--65
{
margin-left: 65px;
}.u-mgl--70
{
margin-left: 70px;
}.u-mgl--75
{
margin-left: 75px;
}.u-mgl--80
{
margin-left: 80px;
}.u-mgl--85
{
margin-left: 85px;
}.u-mgl--90
{
margin-left: 90px;
}.u-mgl--95
{
margin-left: 95px;
}.u-mgl--100
{
margin-left: 100px;
}.u-mgr--0
{
margin-right: 0;
}.u-mgr--5
{
margin-right: 5px;
}.u-mgr--10
{
margin-right: 10px;
}.u-mgr--15
{
margin-right: 15px;
}.u-mgr--20
{
margin-right: 20px;
}.u-mgr--25
{
margin-right: 25px;
}.u-mgr--30
{
margin-right: 30px;
}.u-mgr--35
{
margin-right: 35px;
}.u-mgr--40
{
margin-right: 40px;
}.u-mgr--45
{
margin-right: 45px;
}.u-mgr--50
{
margin-right: 50px;
}.u-mgr--55
{
margin-right: 55px;
}.u-mgr--60
{
margin-right: 60px;
}.u-mgr--65
{
margin-right: 65px;
}.u-mgr--70
{
margin-right: 70px;
}.u-mgr--75
{
margin-right: 75px;
}.u-mgr--80
{
margin-right: 80px;
}.u-mgr--85
{
margin-right: 85px;
}.u-mgr--90
{
margin-right: 90px;
}.u-mgr--95
{
margin-right: 95px;
}.u-mgr--100
{
margin-right: 100px;
}.u-mgh--0
{margin-right: 0;
margin-left: 0;
}.u-mgh--5
{margin-right: 5px;
margin-left: 5px;
}.u-mgh--10
{margin-right: 10px;
margin-left: 10px;
}.u-mgh--15
{margin-right: 15px;
margin-left: 15px;
}.u-mgh--20
{margin-right: 20px;
margin-left: 20px;
}.u-mgh--25
{margin-right: 25px;
margin-left: 25px;
}.u-mgh--30
{margin-right: 30px;
margin-left: 30px;
}.u-mgh--35
{margin-right: 35px;
margin-left: 35px;
}.u-mgh--40
{margin-right: 40px;
margin-left: 40px;
}.u-mgh--45
{margin-right: 45px;
margin-left: 45px;
}.u-mgh--50
{margin-right: 50px;
margin-left: 50px;
}.u-mgh--55
{margin-right: 55px;
margin-left: 55px;
}.u-mgh--60
{margin-right: 60px;
margin-left: 60px;
}.u-mgh--65
{margin-right: 65px;
margin-left: 65px;
}.u-mgh--70
{margin-right: 70px;
margin-left: 70px;
}.u-mgh--75
{margin-right: 75px;
margin-left: 75px;
}.u-mgh--80
{margin-right: 80px;
margin-left: 80px;
}.u-mgh--85
{margin-right: 85px;
margin-left: 85px;
}.u-mgh--90
{margin-right: 90px;
margin-left: 90px;
}.u-mgh--95
{margin-right: 95px;
margin-left: 95px;
}.u-mgh--100
{margin-right: 100px;
margin-left: 100px;
}.u-txt--strong
{
font-weight: bold;
}.u-txt--small
{
font-size: .8em;
}.u-txt--lineHeight
{
line-height: 120%;
}.u-txt--red
{
color: #dd5943;
}.u-txt--orange
{
color: #f9ad00;
}.l-row
{margin-right: -20px;
margin-left: -20px;
}.l-row:before,
.l-row:after
{display: block;overflow: hidden;height: 0;
content: '\0020';
}.l-row:after
{
clear: both;
}@media (max-width: 749px)
{
.l-row
{margin-right: 0;
margin-left: 0;
}
}.l-row > .l-col1
{display: block;float: left;
box-sizing: border-box;width: 8.33333%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col1
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col2
{display: block;float: left;
box-sizing: border-box;width: 16.66667%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col2
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col3
{display: block;float: left;
box-sizing: border-box;width: 25%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col3
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col4
{display: block;float: left;
box-sizing: border-box;width: 33.33333%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col4
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col5
{display: block;float: left;
box-sizing: border-box;width: 41.66667%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col5
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col6
{display: block;float: left;
box-sizing: border-box;width: 50%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col6
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col7
{display: block;float: left;
box-sizing: border-box;width: 58.33333%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col7
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col8
{display: block;float: left;
box-sizing: border-box;width: 66.66667%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col8
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col9
{display: block;float: left;
box-sizing: border-box;width: 75%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col9
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col10
{display: block;float: left;
box-sizing: border-box;width: 83.33333%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col10
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col11
{display: block;float: left;
box-sizing: border-box;width: 91.66667%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col11
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-row > .l-col12
{display: block;float: left;
box-sizing: border-box;width: 100%;padding-right: 20px;padding-left: 20px;
}@media (max-width: 749px)
{
.l-row > .l-col12
{
width: 100%;padding-right: 0;padding-left: 0;
}
}.l-wrap:before,
.l-wrap:after
{display: block;overflow: hidden;height: 0;
content: '\0020';
}.l-wrap:after
{
clear: both;
}.l-container
{
width: 1000px;margin: auto;
}@media (max-width: 999px)
{
.l-container
{
width: 100%;
}
}.l-twoCol
{
overflow: hidden;
}.l-twoCol__fluid
{
margin-top:4px;
overflow: hidden;
}.l-twoCol__fixed
{
float: left;margin-right: 10px;
}.l-twoCol__fixed--right
{
float: right;margin-right: 0;margin-left: 10px;
}.merrygo
{
position: relative;width: 100%;height: auto;margin: auto;
}.merrygo__inner
{
overflow: hidden;width: 100%;height: auto;
}@media (max-width: 749px)
{
.merrygo__inner
{
overflow-x: hidden;overflow-y: visible;
}
}.merrygo__arrow
{
position: absolute;top: 50%;margin-top: -1em;text-decoration: none;
}.merrygo__arrow--left
{
left: -20px;
}.merrygo__arrow--right
{
right: -20px;
}.merrygo__item
{float: left;
box-sizing: border-box;
}.merrygo__items
{position: relative;
box-sizing: border-box;width: 2000px;
}.merrygo__items:before,
.merrygo__items:after
{display: block;overflow: hidden;height: 0;
content: '\0020';
}.merrygo__items:after
{
clear: both;
}.merrygo__dot
{font-size: 15px;line-height: 15px;
display: inline-block;margin: 0 10px;text-align: center;color: #b8c2d4;
}.merrygo__dots
{
position: relative;z-index: 10;top: 10px;text-align: center;
}.merrygo__dot span
{
cursor: pointer;
}.merrygo__dot.current
{
color: #3e5783;
}.slick-slider
{
position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;
}.slick-list
{
position: relative;display: block;overflow: hidden;margin: 0;padding: 0;
}.slick-list:focus
{
outline: none;
}.slick-list.dragging
{
cursor: pointer ;cursor: hand;
}.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0) ;transform: translate3d(0, 0, 0);
}.slick-track
{
position: relative;top: 0;left: 0;display: block;
}.slick-track:before,
.slick-track:after
{display: table;
content: '';
}.slick-track:after
{
clear: both;
}.slick-loading .slick-track
{
visibility: hidden;
}.slick-slide
{display: none;
float: left;height: 100%;min-height: 1px;
}[dir='rtl'] .slick-slide
{
float: right;
}.slick-slide img
{
display: block;
}.slick-slide.slick-loading img
{
display: none;
}.slick-slide.dragging img
{
pointer-events: none;
}.slick-initialized .slick-slide
{
display: block;
}.slick-loading .slick-slide
{
visibility: hidden;
}.slick-vertical .slick-slide
{
display: block;height: auto;border: 1px solid transparent;
}.slick-arrow.slick-hidden
{
display: none;
}.slick-loading .slick-list
{
background: #fff url('../../../assets/img/ajax-loader.gif') center center no-repeat;
}@font-face
{
font-family: 'slick';font-weight: normal;font-style: normal;src: url('../fonts/slick.eot');src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'),url('../fonts/slick.woff') format('woff'),url('../fonts/slick.ttf') format('truetype'),url('../fonts/slick.svg#slick') format('svg');
}.slick-prev,
.slick-next
{font-size: 0;line-height: 0;
position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;cursor: pointer;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);color: transparent;border: none;outline: none;background: transparent;
}.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{color: transparent;
outline: none;background: transparent;
}.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}.slick-prev:before,
.slick-next:before
{
font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}.slick-prev
{
left: -25px;
}[dir='rtl'] .slick-prev
{right: -25px;
left: auto;
}.slick-prev:before
{
content: '←';
}[dir='rtl'] .slick-prev:before
{
content: '→';
}.slick-next
{
right: -25px;
}[dir='rtl'] .slick-next
{right: auto;
left: -25px;
}.slick-next:before
{
content: '→';
}[dir='rtl'] .slick-next:before
{
content: '←';
}.slick-slider
{
margin-bottom: 30px;
}.slick-dots
{
position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;
}.slick-dots li
{
position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;
}.slick-dots li button
{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;
border: 0;outline: none;background: transparent;
}.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}.slick-dots li button:before
{font-family: 'slick';font-size: 6px;line-height: 20px;
position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}.slick-dots li.slick-active button:before
{opacity: .75;
color: #000;
}*
{
box-sizing: border-box;
}
body{
min-width: 1230px;
}
body#support{
min-width: inherit;
}
@media (max-width: 749px)
{
body
{font-size: 9px;
min-width: initial;
}
}@media (max-width: 999px)
{
.u-inner--tablet
{margin-right: 20px;
margin-left: 20px;
}
}@media (max-width: 749px)
{
.u-inner--sp
{margin-right: 20px;
margin-left: 20px;
}
}.l-container
{overflow: hidden;
width: 1000px;margin: auto;
}@media (max-width: 749px)
{
.l-container
{
width: 100%;
}
}.l-wrapper
{
width: 1200px;margin: auto;
}@media (max-width: 749px)
{
.l-wrapper
{
width: 100%;
}
}.l-outer
{
width: 1100px;margin: auto;
}@media (max-width: 749px)
{
.l-outer
{
width: 100%;
}
}.l-inner
{
width: 900px;margin: auto;
}@media (max-width: 749px)
{
.l-inner
{
width: 100%;
}
}.l-page.is-on
{
padding-top: 83px;
}.l-overlay
{
display: none;
}@media (max-width: 749px)
{
.l-overlay
{
position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);
}
}.l-header
{
padding: 4px 0;border-bottom: 2px solid #fff;background: #ffe641;
}@media (max-width: 749px)
{
.l-header
{
display: none;
}
}.l-header.is-on
{
position: fixed;z-index: 100;top: 0;left: 0;width: 100%;min-width: 1230px;
}.l-header__inner
{
padding: 0 27px;
}.l-header__logo,
.l-header__nav,
.l-header__fb,
.l-header__lang,
.l-header__sns,
.l-header__buy
{
float: left;
}.l-header__navs
{
float: right;
margin-right:27px;
}.l-header__logo
{
margin: 6px 0 0 0;
}.l-header__logoimg
{float: left;
width: 55px;margin: 0 13px 0 0;
}.l-header__logolink
{display: block;
overflow: hidden;width: 55px;width: 100%;height: 0;padding-top: 55px;padding-top: 100%;background: url('../img/logo_gnav01_01.png') no-repeat left top;background-size: cover;
}.l-header__logolink:hover
{
background-position: left -55px;
}
.l-header__nav{
width: 873px;
padding: 18px 0 15px;
}
@media (max-width: 749px){
.l-header__nav
{
display: none;
}
}.l-header__lang
{
width: 70px;margin-left: 38px;padding: 20px 0;color: #fff;
}@media (max-width: 749px)
{
.l-header__lang
{
padding: 1% 0;
}
}.l-header__lang span
{font-size: 16px;line-height: 14px;
margin: 0 6px 0 8px;vertical-align: middle;
}.l-header__langtxt
{
vertical-align: middle;
}.l-header__langtxt--en
{display: block;display: inline-block;
overflow: hidden;width: 23px;height: 0;padding-top: 14px;background: url('../img/txt_gnav01_07.png') no-repeat left top;
}.l-header__langtxt--en:hover
{
background-position: left -14px;
}.l-header__langtxt--slash
{display: block;display: inline-block;
overflow: hidden;width: 7px;height: 0;padding-top: 14px;background: url('../img/txt_gnav01_10.png') no-repeat left top;
}.l-header__langtxt--jp
{display: block;display: inline-block;
overflow: hidden;width: 22px;height: 0;padding-top: 14px;background: url('../img/txt_gnav01_08.png') no-repeat left top;
}.l-header__langtxt--jp:hover
{
background-position: left -14px;
}.l-header__share
{float: left;
width: 65px;margin-left: 24px;padding: 20px 0;
}.l-header__share span
{font-size: 16px;line-height: 14px;
margin: 0 6px 0 8px;vertical-align: middle;
}
.l-header__sharetxt{
display: block;display: inline-block;overflow: hidden;width: 62px;height: 0;padding-top: 14px;
vertical-align: middle;background: url('../img/txt_gnav01_09.png') no-repeat left top;
}
.l-header__sns
{line-height: 1.2em;float: left;
width: 66px;padding: 21px 0;
}.l-header__snsico
{line-height: 1em;float: left;margin-top: 1px;
margin-left: 8px;margin-right: 3px;
}.l-header__snsico span
{
color: #ffe641;
}.l-header__buy
{line-height: 1em;width: 56px;margin-left: 23px;padding: 5px 0 3px;color: #fff;
}.l-header__buy a
{display: block;
overflow: hidden;width: 56px;height: 0;padding-top: 56px;background: url('../../../assets/img/btn_buy01_01.png') no-repeat left top;
}.l-header__buy a:hover
{
background-position: left -56px;
}@media (max-width: 749px)
{
.l-header__snsico
{
margin-left: 10px;
}
}.l-header__snsico--fb
{display: block;
overflow: hidden;width: 22px;height: 0;padding-top: 22px;background: url('../img/ico_facebook01_02.png') no-repeat left top;background-size: cover;
}.l-header__snsico--fb:hover
{
background-position: left -22px;
}.l-header__snsico--fb:hover
{
background-position: left bottom;
}.l-header__snsico--tw
{display: block;
overflow: hidden;width: 22px;height: 0;padding-top: 22px;background: url('../img/ico_twitter01_02.png') no-repeat left top;background-size: cover;
}.l-header__snsico--tw:hover
{
background-position: left -22px;
}.l-header__snsico--tw:hover
{
background-position: left bottom;
}.l-header.isfixed
{
position: fixed;
}.l-mv
{
position: relative;
}.l-mv__logo
{
position: absolute;top: 50px;left: 50px;
}
.l-mv__btn {
position: absolute;
bottom: 41px;
left: 50px;
width: 358px;
height: 63px;
}
.l-mv__btn span{
display: block;
width: 358px;
height: 63px;
background: url('../../../assets/img/btn_amazon01_02.png') no-repeat left top;
text-indent: -9999px;
opacity: .75;
}
.l-mv__btn > a{
position: relative;
z-index: 99999;
display: block;
overflow: hidden;
width: 344px;
height: 0;
padding-top: 66px;
background: url('../img_en/btn_amazon06_pc.png') no-repeat left top;
}
.l-mv__btn > a:hover{
background-position: left bottom;
}
@media (max-width: 749px){
.l-mv__logo
{top: 20px;left: 20px;
display: none;width: 14%;
}
}.l-globalNav
{
float: right;
}.globalNav__list
{
font-size: 0;
}
.globalNav__item{
font-size: 14px;display: inline-block;
box-sizing: content-box;margin: 0 12px;vertical-align: top;
}
@media (max-width: 749px){
.globalNav__item > a:hover
{
background-position: left top !important;
}
}.globalNav__item--1
{
width: 85px;
}.globalNav__item--1 > a
{display: block;
overflow: hidden;width: 85px;height: 0;padding-top: 22px;background: url('../img/txt_gnav01_01.png') no-repeat left top;
}.globalNav__item--1 > a:hover
{
background-position: left -22px;
}.globalNav__item--2
{
width: 129px;
}.globalNav__item--2 > a
{display: block;
overflow: hidden;width: 129px;height: 0;padding-top: 18px;background: url('../img/txt_gnav01_02.png') no-repeat left top;
}.globalNav__item--2 > a:hover
{
background-position: left -18px;
}.globalNav__item--3
{
width: 73px;
}.globalNav__item--3 > a
{display: block;
overflow: hidden;width: 73px;height: 0;padding-top: 23px;background: url('../img/txt_gnav01_03.png') no-repeat left top;
}.globalNav__item--3 > a:hover
{
background-position: left -23px;
}.globalNav__item--4
{
width: 84px;
}.globalNav__item--4 > a
{display: block;
overflow: hidden;width: 84px;height: 0;padding-top: 18px;background: url('../img/txt_gnav01_04.png') no-repeat left top;
}.globalNav__item--4 > a:hover
{
background-position: left -18px;
}.globalNav__item--5
{
width: 81px;
}.globalNav__item--5 > a
{display: block;
overflow: hidden;width: 76px;height: 0;padding-top: 23px;background: url('../img/txt_gnav01_05.png') no-repeat left top;
}.globalNav__item--5 > a:hover
{
background-position: left -23px;
}.globalNav__item--6
{
width: 83px;
}.globalNav__item--6 > a
{display: block;
overflow: hidden;width: 83px;height: 0;padding-top: 18px;background: url('../img/txt_gnav01_06.png') no-repeat left top;
}.globalNav__item--6 > a:hover
{
background-position: left -18px;
}.globalNav__item--7
{width: 117px;
background: #0d513c;
}.globalNav__item--7 > a,
.globalNav__item--7 > a:hover
{display: block;overflow: hidden;width: 88px;height: 0;padding-top: 16px;
color: #fff;background: url('../img/txt_gnav01_07.png') no-repeat left top;
}.l-spNav
{
display: none;
}.globalNav__item--8 > a
{display: block;
overflow: hidden;width: 181px;height: 0;padding-top: 22px;background: url('../img_en/txt_gnav01_11.png') no-repeat left top;
}.globalNav__item--8 > a:hover
{
opacity: 0.75;
}.globalNav__item--9 > a
{display: block;
overflow: hidden;width: 132px;height: 0;padding-top: 22px;background: url('../img/txt_gnav01_12.png') no-repeat left top;
}.globalNav__item--9 > a:hover
{
background-position: left -22px;
}.globalNav__item--10 > a
{display: block;
overflow: hidden;width: 91px;height: 0;padding-top: 18px;background: url('../img/txt_gnav01_13.png') no-repeat left top;
}.globalNav__item--10 > a:hover
{
background-position: left -18px;
}
.globalNav__item--11
{
margin-top: -7px;
}.globalNav__item--11 > a
{display: block;
overflow: hidden;width: 34px;height: 0;padding-top: 34px;background: url('../img/ico_facebook02_01.png') no-repeat left top;
}
.globalNav__item--11 > a:hover{
background-position: left -34px;
}
.globalNav__item--12 > a{display: block;
overflow: hidden;width: 43px;height: 0;padding-top: 23px;background: url('../img/txt_gnav01_14.png') no-repeat left top;
}
.globalNav__item--12 > a:hover{
background-position: left -23px;
}
.globalNav__item--13 > a{display: block;
overflow: hidden;width: 78px;height: 0;padding-top: 22px;background: url('../img/txt_gnav01_15.png') no-repeat left top;
}
.globalNav__item--13 > a:hover{
background-position: left -22px;
}
.globalNav__item--14
{
margin-top: -7px;
margin-left:0;
}.globalNav__item--14 > a
{display: block;
overflow: hidden;width: 34px;height: 0;padding-top: 34px;background: url('../img/ico_insta01.png') no-repeat left top;
}
.globalNav__item--14 > a:hover{
background-position: left -34px;
}
@media (max-width: 749px){
.l-spNav
{position: fixed;z-index: 10000;top: 0;left: 0;
display: block;width: 100%;transition: all .5s linear;-webkit-transform: translate3d(0, -44px, 0);transform: translate3d(0, -44px, 0);background: #eee;
}.l-spNav.isOn
{
top: 0;transition: all .4s linear;-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);
}
}.l-spNav__root
{
background: #ffe641;
}.l-spNav__root > a
{
position: relative;display: block;padding: 13px 0;
}.l-spNav__root > a:before
{
position: absolute;top: 17px;right: 16px;width: 0;height: 0;content: '';border-width: 10px 6px 0;border-style: solid;border-color: #fff transparent transparent transparent;
}.l-spNav__root > a > span
{display: block;overflow: hidden;width: 55.5px;height: 0;
margin: auto;padding-top: 14.5px;background: url('../img/txt_spnav01_00.png') no-repeat left top;background-size: 55.5px;
}@media (max-width: 749px)
{
.l-spNav__root
{
border-bottom: 2px solid #fff;
}
}.l-spNav__nav
{
display: none;text-align: center;
}.l-spNav__item
{padding: 12px 0;
border-bottom: 1px solid #fff;
}@media (max-width: 749px)
{
.l-spNav__item--1,
.l-spNav__item--3,
.l-spNav__item--8
{
padding:12px 0 7.5px;
}.l-spNav__item--5
{
padding:12px 0 7px;
}
.l-spNav__item--6{
padding:12px 0 11px;
}
.l-spNav__item--4,
.l-spNav__item--9,
.l-spNav__item--10,
.l-spNav__item--11,
.l-spNav__item--12,
.l-spNav__item--13,
.l-spNav__item--14
{
padding:7.5px 0 7px;
}
}
.l-spNav__item > a > span
{
margin: auto;
}.l-spNav__item--1 > a > span
{display: block;
overflow: hidden;width: 75.5px;height: 0;padding-top: 19px;background: url('../img/txt_spnav01_01.png') no-repeat left top;background-size: 75.5px;
}.l-spNav__item--2 > a > span
{display: block;
overflow: hidden;width: 125.5px;height: 0;padding-top: 14.5px;background: url('../img/txt_spnav01_02.png') no-repeat left top;background-size: 125.5px;
}.l-spNav__item--3 > a > span
{display: block;
overflow: hidden;width: 64.5px;height: 0;padding-top: 19px;background: url('../img/txt_spnav01_03.png') no-repeat left top;background-size: 64.5px;
}.l-spNav__item--4 > a > span
{display: block;
overflow: hidden;width: 77px;height: 0;padding-top: 25px;background: url('../img/txt_spnav01_14.png') no-repeat left top;background-size: 77px;
}.l-spNav__item--5 > a > span
{display: block;
overflow: hidden;width: 67px;height: 0;padding-top: 19.5px;background: url('../img/txt_spnav01_05.png') no-repeat left top;background-size: 67px;
}.l-spNav__item--6 > a > span
{display: block;
overflow: hidden;width: 74.5px;height: 0;padding-top: 15.5px;background: url('../img/txt_spnav01_15.png') no-repeat left top;background-size: 74.5px;
}.l-spNav__item--8 > a > span
{display: block;
overflow: hidden;width: 162px;height: 0;padding-top: 25px;background: url('../img_en/txt_spnav01_11.png') no-repeat left top;background-size: 162px;
}.l-spNav__item--9 > a > span
{display: block;
overflow: hidden;width: 128px;height: 0;padding-top: 25px;background: url('../img/txt_spnav01_12.png') no-repeat left top;background-size: 128px;
}.l-spNav__item--10 > a > span
{display: block;
overflow: hidden;width: 86px;height: 0;padding-top: 25px;background: url('../img/txt_spnav01_13.png') no-repeat left top;background-size: 86px;
}.l-spNav__item--11 > a > span
{display: block;
overflow: hidden;width: 129px;height: 0;padding-top: 25px;background: url('../img/ico_facebook02_01_sp.png') no-repeat left top;background-size: 129px;
}.l-spNav__item--12 > a > span {
display: block;
overflow: hidden;width: 40px;height: 0;padding-top: 25px;background: url('../img/txt_spnav01_16.png') no-repeat left top;background-size: 40px;
}
.l-spNav__item--13 > a > span {
display: block;
overflow: hidden;width: 73px;height: 0;padding-top: 25px;background: url('../img/txt_spnav01_17.png') no-repeat left top;background-size: 73px;
}.l-spNav__item--14 > a > span
{display: block;
overflow: hidden;width: 134px;height: 0;padding-top: 25px;background: url('../img/ico_insta02_01_sp.png') no-repeat left top;background-size: 134px;
}
.l-spNav__sns
{font-size: 10px;font-weight: bold;
display: inline-block;padding: 24px 10px;color: #999;vertical-align: middle;
}.l-spNav__sharetxt
{
margin: 0 5px 0 0;vertical-align: middle;letter-spacing: 0;
}.l-spNav__snsico
{
margin: 0 7.5px;vertical-align: middle;
}.l-spNav__snsico--fb
{display: block;display: inline-block;
overflow: hidden;width: 24.5px;height: 0;padding-top: 23.5px;background: url('../img/ico_facebook01_02sp.png') no-repeat left top;background-size: 24.5px;
}.l-spNav__snsico--tw
{display: block;display: inline-block;
overflow: hidden;width: 24.5px;height: 0;padding-top: 23.5px;background: url('../img/ico_twitter01_02sp.png') no-repeat left top;background-size: 24.5px;
}.l-spNav__lang
{font-size: 10px;font-weight: bold;
display: inline-block;padding: 24px 10px 0;color: #999;vertical-align: middle;
}.l-spNav__langtxt--lang
{
margin: 0 20px 0 0;vertical-align: middle;letter-spacing: 0;
}.l-spNav__langtxt--slash
{
margin: 0 8px;color: #000;vertical-align: middle;
}.l-spNav__lang a
{font-size: 12px;text-decoration: none;
color: #000;vertical-align: middle;
}.l-spNav__buy
{
padding: 24px 0 30px;
}.l-spNav__buy a {
display: block;overflow: hidden;width: 190px;height: 0;margin: 0 auto;padding-top: 40px;background: url('../../../assets/img/btn_buy01_01_sp.png') no-repeat left top;background-size: 190px;
}.l-footer
{
position: relative;z-index: 2;background: #fff;padding-top: 97px;text-align: center;
}@media (max-width: 749px)
{
.l-footer
{
padding-top: 40px;
}
}
.l-footer__lead{
font-size: 16px;
line-height: 28px;
}
@media (max-width: 749px)
{
.l-footer__lead
{font-size: 11px;
line-height: 18px;letter-spacing: 1.5px;
}
}.l-footer__link
{font-size: 0;
padding-top: 44px;
}@media (max-width: 749px)
{
.l-footer__link
{
padding-top: 27px;
}
}.l-footer__item
{font-size: 16px;
display: inline-block;padding: 0 20px;letter-spacing: 0;
}@media (max-width: 749px)
{
.l-footer__item
{font-size: 8px;
padding: 0 10px;
}
}.l-footer__item a
{
padding-left: 21px;background: url(../img/ico_arw01_01.png) no-repeat left center;color: #000;text-decoration: none;
}.l-footer__item a:hover
{
text-decoration: underline;
}@media (max-width: 749px)
{
.l-footer__item a
{
padding-left: 11px;background-size: 5px;
}
}.l-gotop
{
position: fixed;z-index: 10000;right: 20px;bottom: 20px;text-align: right;
}@media (max-width: 749px)
{
.l-gotop
{
width: 32px;height: 32px;
}
}.l-gotop a
{display: block;
overflow: hidden;width: 64px;height: 0;padding-top: 64px;background: url('../../../assets/img/btn_gotop01_01.png') no-repeat left top;
}@media (max-width: 749px)
{
.l-gotop a
{display: block;
overflow: hidden;width: 32px;height: 0;padding-top: 32px;background: url('../../../assets/img/btn_gotop01_01.png') no-repeat left top;background-size: 32px;
}
}.l-copyright
{
position: relative;z-index: 2;background: #fff;
}.l-copyright p
{
margin-top: 0;
}@media (max-width: 749px)
{
.l-copyright p
{
font-size: 9px;
}
}.l-goTop
{
display: none;
}@media (max-width: 749px)
{
.l-goTop
{position: fixed;z-index: 100;right: 10px;bottom: 10px;
display: block;zoom: 1;opacity: 0;-ms-filter: 'alpha( opacity=0 )';
}.l-goTop a
{
display: block;box-sizing: border-box;padding: 4px 5px;color: #fff;border-radius: 4px;background: #0d5ba9;
}.l-goTop a .fa
{
margin-right: 0;
}
}.copyright
{
padding-top: 60px;padding-bottom: 34px;text-align: center;background: #fff;
}@media (max-width: 749px)
{
.copyright
{
padding: 0;
}
}.copyright p
{
padding: 23px 0 10px;
}@media (max-width: 749px)
{
.copyright p
{font-size: 8px;
padding: 15px 0 35px;letter-spacing: 0;
}
}.copyright .copyright__img
{
padding: 44px 0 10px;
}@media (max-width: 749px)
{
.copyright .copyright__img
{
padding: 36px 0 0;
}
.copyright .copyright__img img
{
width: 86px;
}
}.box__head
{
text-align: center;
}
.box--concept .box__head{
padding: 47px 0 31px;
}
.box--howto .box__head
{
padding: 49px 0 29px;
}.box--product .box__head
{
padding: 43px 0 36px;
}.box--purchase .box__head
{
padding: 74px 0 20px;
}.box--faq .box__head
{
padding: 83px 0 63px;
}@media (max-width: 749px)
{
.box--concept .box__head
{
padding: 25px 0 13.5px;
}.box--howto .box__head
{
padding: 25px 0 13.5px;
}.box--product .box__head
{
padding: 25px 0 13.5px;
}.box--purchase .box__head
{
padding: 43px 0 28px;
}.box--faq .box__head
{
padding: 41px 0 16px;
}
}.box--concept .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 488px;height: 0;padding-top: 59px;background: url('../img_en/h_concept01_02.png') no-repeat left top;
}@media (max-width: 749px)
{
.box--concept .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 244px;height: 0;padding-top: 30px;background: url('../img_en/h_concept01_02_sp.png') no-repeat left top;background-size: 229px;background-size: contain;
}
}.box--howto .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 653px;height: 0;padding-top: 59px;background: url('../img_en/h_howto01_02.png') no-repeat left top;
}@media (max-width: 749px)
{
.box--howto .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 188px;height: 0;padding-top: 30px;background: url('../img/h_howto01_02_sp.png') no-repeat left top;background-size: 188px;background-size: contain;
}
}.box--product .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 363px;height: 0;padding-top: 59px;background: url('../img/h_product01_01.png') no-repeat left top;
}@media (max-width: 749px)
{
.box--product .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 188px;height: 0;padding-top: 30px;background: url('../img/h_product01_01_sp.png') no-repeat left top;background-size: 188px;background-size: contain;
}
}.box--purchase .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 363px;height: 0;padding-top: 59px;background: url('../img/h_purchase01_01.png') no-repeat left top;
}@media (max-width: 749px)
{
.box--purchase .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 188px;height: 0;padding-top: 30px;background: url('../img/h_purchase01_01_sp.png') no-repeat left top;background-size: 188px;background-size: contain;
}
}.box--faq .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 117px;height: 0;padding-top: 59px;background: url('../img/h_faq01_01.png') no-repeat left top;
}@media (max-width: 749px)
{
.box--faq .box__caption
{display: block;display: inline-block;
overflow: hidden;width: 188px;height: 0;padding-top: 30px;background: url('../img/h_faq01_01_sp.png') no-repeat left top;background-size: 188px;background-size: contain;
}
}.box__captionsub
{
margin-top: 30px;
}@media (max-width: 749px)
{
.box__captionsub
{font-size: 10px;
margin-top: 10px;
}
}.box__movie
{padding: 100px 0;
background: #ffe641;
}@media (max-width: 749px)
{
.box__movie
{padding: 30px 10px 30px;
}
}.box__moviebox
{display: block;
overflow: hidden;width: 1000px;height: 0;padding-top: 563px;background: url('../../../assets/img/thumb_concept01_01.png') no-repeat left top;
}.box__moviebox:hover
{
background-position: left -563px;
}@media (max-width: 749px)
{
.box__moviebox
{
width: 100%;padding-top: 56.3%;background-size: cover;
}.box__moviebox:hover
{
background-position: left top;
}
}.box__movie .u-inner--tablet
{
position: relative;width: 1000px;margin: 0 auto;
}@media (max-width: 749px)
{
.box__movie .u-inner--tablet
{
width: 100%;
}
}.box__movie .l-container
{
position: relative;padding: 56.3% 0 0;height: 0; overflow:hidden;
}.box__movie iframe
{
position: absolute;top: 0; left: 0;width: 100%;height: 100%;display: none;
}@media (max-width: 749px)
{
.box__movie iframe
{
display: initial;
}
}.box__movie .thumbnail_container
{
position: absolute;top: 0; left: 0;width: 100%;height: 100%;
}@media (max-width: 749px)
{
.box__movie .thumbnail_container
{
position: relative;padding: 56.3% 0 0;height: 0; overflow:hidden;
}
}.box__movie .start-video,
.box__movie .start-video0
{
position: absolute;top: 50%;left: 50%;margin: -77px 0 0 -77px;cursor: pointer;opacity: 1;
}.box__movie .start-video:hover,
.box__movie .start-video0:hover
{transition: all .3s;
opacity: .7;-webkit-filter: brightness 1;
}.concept
{
position: relative;height: 650px;padding: 154px 0 84px;background: #fafbfd url('../img/bg_concept01_02.jpg') no-repeat center -45px;
}@media (max-width: 749px)
{
.concept
{
height: auto;padding: 0;background: transparent;
}
}@media (max-width: 749px)
{
.concept__img
{
width: 100%;
}
}.concept__desc
{
position: absolute;top: 90px;left: 56%;
}@media (max-width: 749px)
{
.concept__desc
{position: static;width: 100%;
margin-top: 35px;
}
}.concept__caption
{font-size: 32px;
margin-bottom: 33px;line-height: 58px;
}@media (max-width: 749px)
{
.concept__caption
{font-size: 17px;
text-align: center;margin: 0;line-height: 1.75;
}
}.concept__txt
{font-size: 15px;
line-height: 31px;
}@media (max-width: 749px)
{
.concept__txt
{font-size: 11px;
text-align: center;margin: 0 -20px 38px;line-height: 20px;
}
}.concept__txt p
{
margin-top: 32px;
}@media (max-width: 749px)
{
.concept__txt p
{
margin-top: 20px;
}
}.concept.en
{
height: 855px;background-size: cover;
}@media (max-width: 749px)
{
.concept.en
{
height: auto;
}
}@media (max-width: 749px)
{
.concept.en .concept__txt
{margin: 20px 6% 50px;
text-align: left;
}
}.enjoy__body
{
position: relative;height: 614px;background: #f9fafb url('../img/bg_enjoy01_01.jpg') no-repeat center top;border-bottom: 30px solid #fff;
}@media (max-width: 749px)
{
.enjoy__body
{
height: auto;background: #fbfcfe;border-bottom: 15px solid #fff;
}
}.howto__body
{
position: relative;height: 802px;background: #fafafb url('../img_en/bg_howto01_02.jpg') no-repeat center top;
}@media (max-width: 749px)
{
.howto__body
{
height: auto;background: #fbfcfe;
}
}
.enjoy__body .enjoy__lead{
font-size: 16px;
padding-top: 72px;text-align: center;
}
@media (max-width: 749px)
{
.enjoy__body .enjoy__lead
{font-size: 11px;
line-height: 18px;padding-top: 35px;
}
}.enjoy__body .enjoy__lead h3
{font-size: 26px;
margin-bottom: 18px;
}@media (max-width: 749px)
{
.enjoy__body .enjoy__lead h3
{font-size: 14px;
margin-bottom: 12px;line-height: 26px;
}
.enjoy__body .enjoy__lead p {
padding: 0 3.678%;
}
.enjoy__img
{
width: 100%;text-align: center;
}
}.howto__body .howto__lead
{font-size: 16px;
padding-top: 72px;text-align: center;
}@media (max-width: 749px)
{
.howto__body .howto__lead {
font-size: 11px;
line-height: 18px;
padding-top: 35px;
}
}.howto__body .howto__lead h3
{font-size: 26px;
margin-bottom: 18px;
}@media (max-width: 749px)
{
.howto__body .howto__lead h3
{font-size: 15px;
margin-bottom: 12px;line-height: 26px;
}
.howto__img
{
width: 100%;text-align: center;
}
}.howto__body .l-container
{
position: relative;
}.howto__wave
{
position: absolute;top: 44.6533665835%;left: 50%;margin-left: -230px;
}@media (max-width: 749px)
{
.howto__wave
{
top: initial;bottom: 0;left:27.0666666667%;margin-left: 0;padding-bottom: 24.6666666667%;
}
}.howto__waveitem
{
top: 0;
}
.howto__waveitem--1{
width: 21px;
}
.howto__waveitem--2{
width: 33px;
margin-left: 10px;
}
.howto__waveitem--3{
width: 44px;
margin-left: -4px;
}@media (max-width: 749px)
{
.howto__waveitem--1
{
width: auto;height: 60px;
}
.howto__waveitem--2
{
width: auto;height: 60px;margin-left: 4.5px;
}
.howto__waveitem--3
{
width: auto;height: 60px;margin-left: -1.5px;
}
}.howtotype
{
padding-bottom: 75px;
}@media (max-width: 749px)
{
.howtotype
{
padding-top: 20px;padding-bottom: 18px;
}
}.howtotype__items
{
padding-top: 70px;
}
@media (max-width: 749px)
{
.howtotype__items
{
padding-top: 16px;
}
}.howtotype__item__lead
{
padding-bottom: 44px;text-align: center;
}
@media (max-width: 320px){
.howtotype__item__lead p{
padding: 0 3%;
}
}
@media (max-width: 749px){
.howtotype__item__lead{
font-size: 10px;
padding-bottom: 17px;
}
}
.howtotype__item__lead h4
{font-size: 26px;
margin-bottom: 20px;
}@media (max-width: 749px)
{
.howtotype__item__lead h4
{font-size: 14px;
margin-bottom: 12px;
}
}.howtotype__item__lead h4 img
{
margin-right: 18px;vertical-align: middle;
}@media (max-width: 749px)
{
.howtotype__item__lead h4 img
{
height: 27px;margin-right: 9px;
}
}.howtotype__item__lead h4 span
{
vertical-align: middle;
}@media (max-width: 749px)
{
.howtotype__item__lead p
{
line-height: 18px;
}
}.howtotype__items .l-container
{
width: 1040px;
}@media (max-width: 749px)
{
.howtotype__items .l-container
{
width: 100%;
}
}
.howtotype__item__img{
position: relative;
float: left;width: 480px;margin-left: 20px;margin-right: 20px;width: 480px;
}
.howtotype__item__img .txt{
position: absolute;
top: 206px;
left: 0;
width: 100%;
padding: 0 10px;
text-align: center;
font-size: 13px;
}
.howtotype__item__img .txt span{
display: block;
margin: 0 0 4px;
font-size: 16px;
font-weight: bold;
}
@media (max-width: 749px)
{
.howtotype__item__img
{
position: relative;
width: auto;margin-left: 4.27%;margin-right: 4.27%;margin-bottom: 20px;
}
.howtotype__item__img .txt{
position: absolute;
top: 60%;
left: 0;
width: 100%;
padding: 0 10px;
text-align: center;
font-size: 10px;
line-height: 1.5;
}
.u-only--sp .howtotype__item__img:last-child .txt{
position: absolute;
top: 65%;
left: 0;
width: 100%;
padding: 0 10px;
text-align: center;
font-size: 10px;
line-height: 1.5;
}
.howtotype__item__img .txt span{
display: block;
margin: 0 0 4px;
font-size: 12px;
font-weight: bold;
}
}
@media (max-width: 320px){
.howtotype__item__img .txt{
position: absolute;
top: 60%;
left: 0;
width: 100%;
padding: 0 10px;
text-align: center;
font-size: 9px;
line-height: 1.5;
}
.u-only--sp .howtotype__item__img:last-child .txt{
position: absolute;
top: 65%;
left: 0;
width: 100%;
padding: 0 10px;
text-align: center;
font-size: 9px;
line-height: 1.5;
}
.howtotype__item__img .txt span{
display: block;
margin: 0 0 2px;
font-size: 11px;
font-weight: bold;
}
}
.howtoscene
{
position: relative;height: 660px;background: #fafafd url('../img_en/img_howtoscene01_01.jpg') no-repeat center 178px;
}@media (max-width: 749px)
{
.howtoscene {
height: auto;background: #fafafd; padding:0 0 10%;
}
}.howtoscene__lead
{
padding-top: 64px;text-align: center;
}@media (max-width: 749px)
{
.howtoscene__lead
{
padding-top: 10%; margin-bottom:3%;
}
}.howtoscene__lead h3
{font-size: 26px;
margin-bottom: 18px;
}@media (max-width: 749px)
{
.howtoscene__lead h3
{font-size: 15px;
margin-bottom: 0;
}
.howtoscene__img
{
width: 100%;text-align: center;
}
}.howtoscene__items
{
letter-spacing:-0.4em; width:1000px; margin:460px auto 0;
}@media (max-width: 749px){
.howtoscene__items
{
position: static;padding: 0; margin:0; width:auto;
}
}
.howtoscene__items p {
display:inline-block;
margin:0 50px;
font-size: 14px;
letter-spacing:0;
vertical-align:top;
}
.howtoscene__items p:nth-child(1) { width: 379px; margin:0 0; padding: 0 0 0 8px;}
.howtoscene__items p:nth-child(2) { width: 332px; margin:0 0;}
.howtoscene__items p:nth-child(3) {margin:0 0;}
@media (max-width: 749px){
.howtoscene__items p {display:inline-block; width:33%; margin:0; font-size: 10px; letter-spacing:0; vertical-align:top; text-align:center; }
.howtoscene__items p:nth-child(1) { width: 33%; margin:0 0; padding: 0 0 0 0;}
.howtoscene__items p:nth-child(2) { width: 33%; margin:0 0;}
.howtoscene__items p:nth-child(3) {margin:0 0;}
}
.howtoage{
padding-bottom: 82px;
}@media (max-width: 749px)
{
.howtoage
{
padding-bottom: 40px;
}
}.howtoage__lead
{
padding-top: 68px;padding-bottom: 55px;text-align: center;
}@media (max-width: 749px)
{
.howtoage__lead
{font-size: 11px;
padding-top: 41px;padding-bottom: 25px;
}
}.howtoage__lead h3
{font-size: 26px;
margin-bottom: 18px;
}@media (max-width: 749px)
{
.howtoage__lead h3
{font-size: 14px;
margin-bottom: 12px;
}
}.howtoage__items
{
padding-bottom: 48px;text-align: center;
}@media (max-width: 749px)
{
.howtoage__items
{
padding-bottom: 10px;text-align: center;
}
}.howtoage__items__inner
{
width: 1000px;margin: 0 auto;padding: 50px 50px 30px;border: 6px solid #ffe641;border-radius: 21px;text-align: left;
}@media (max-width: 749px)
{
.howtoage__items__inner
{
width: auto;margin: 0 4.27%;padding: 20px 4.5% 0;border: 3px solid #ffe641;border-radius: 10.5px;
}
}.howtoage__items__inner p{
display: table;
width: 100%;
font-size: 16px;
margin-bottom: 20px;
text-align: left;
box-sizing: border-box;
}
.howtoage__items__inner p em{
display: table-cell;
width: 164px;
padding: 20px 24px 20px 0;
}
.howtoage__items__inner p span{
display: table-cell;
text-align: left;
}
@media (max-width: 749px){
.howtoage__items__inner p {
display: table;
font-size: 11px;
letter-spacing: 0;
line-height: 1.8;
}
.howtoage__items__inner p em{
display: table-cell;
width: 70px;
padding: 0 10px 0 0;
vertical-align: middle;
}
.howtoage__items__inner p span{
display: table-cell;
vertical-align: middle;
}
}.howtoage__items__inner p img
{
margin-right: 25px;vertical-align: middle;
}@media (max-width: 749px)
{
.howtoage__items__inner p img
{
width: 70px;
}
}.howtoage__items__inner p span
{
vertical-align: middle;
}@media (max-width: 749px)
{
.howtoage__items__inner p span
{
display: inline-block;
}
}
.howtoage__note
{font-size: 12px;
text-align: center;
}
@media (max-width: 749px)
{
.howtoage__note
{font-size: 8px;
margin: 0 4.27%;letter-spacing: 0;
}
}.howtocomment
{
padding-bottom: 45px;background: #f4f4f4;
}@media (max-width: 749px)
{
.howtocomment
{
padding-bottom: 22px;
}
}.howtocomment__lead
{
padding-top: 78px;padding-bottom: 47px;text-align: center;
}@media (max-width: 749px)
{
.howtocomment__lead
{
padding-top: 36px;padding-bottom: 20px;
}
}.howtocomment__lead h3
{
font-size: 26px;
}@media (max-width: 749px)
{
.howtocomment__lead h3
{
font-size: 15px;
}
}.howtocomment .l-container
{
margin: 0 auto 40px;padding: 58px 60px 38px;border-radius: 21px;background: #fff;
}@media (max-width: 749px)
{
.howtocomment .l-container
{
width: auto;margin: 0 4.27% 15px;padding: 30px 4.5% 4px;border-radius: 10.5px;
}
}.howtocomment .l_img
{
float: left;margin-top: 2px;
}@media (max-width: 749px)
{
.howtocomment .l_img
{
float: none;margin-top: 0;
}
}.howtocomment__txt
{
margin-top: 21px;
}@media (max-width: 749px)
{
.howtocomment__txt
{
margin-top: 11px;
}.howtocomment .l-container:nth-child(2) .howtocomment__txt img
{
width: 165px;
}.howtocomment .l-container:nth-child(3) .howtocomment__txt img
{
width: 148px;
}
}.howtocomment .r_txt
{
margin-left: 280px;
}@media (max-width: 749px)
{
.howtocomment .r_txt
{
margin-top: 21px;margin-left: 0;
}
}.howtocomment .r_txt p
{font-size: 16px;
margin-bottom: 16px;line-height: 33px;
}@media (max-width: 749px)
{
.howtocomment .r_txt p
{font-size: 11px;
margin-bottom: 18px;line-height: 18px;
}
}.howtocomment .r_txt p:last-child
{
margin-bottom: 9px;
}@media (max-width: 749px)
{
.howtocomment .r_txt p:last-child
{
margin-bottom: 18px;
}
}.howtocomment .r_txt h4
{font-size: 24px;
margin-bottom: 28px;font-weight: normal;
}@media (max-width: 749px)
{
.howtocomment .r_txt h4
{font-size: 14px;
margin-bottom: 18px;
}
}.product
{
position: relative;height: 858px;background: #fbfcfe url('../img/bg_product01_02.jpg') no-repeat center top;
}@media (max-width: 749px)
{
.product
{
height: auto;background: transparent;
}
}@media (max-width: 749px)
{
.product__center
{
width: 100%;padding-bottom: 25px;text-align: center;
}
}.product__items
{
font-size: 0;
}@media (max-width: 749px)
{
.product__items
{text-align: center;
width: 80%;margin: 0 auto;letter-spacing: -0.5em;
}
.product__item__lead.u-only--sp {
display: block !important;
margin: 0 0 -12px;
padding: 25px 0 0;
font-size: 14px !important;
position: relative !important;top: 0;width: 100% !important; background: #fafbfd;text-align: center;
z-index: 999;
}
}
.product__item__lead{
font-size: 26px;
position: absolute;top: 60px;width: 100%;text-align: center;
}
.product__item
{
position: absolute;width: 300px;text-align: center;
}@media (max-width: 749px)
{
.product__item__lead{
font-size: 26px;
position: absolute;top: 6.98%;width: 100%;text-align: center;
}
.product__item
{font-size: 14px;
position: static;display: inline-block;width: 49.95%;margin: 0 0 25px 0;padding: 5px;vertical-align: top;
}
}.product__item--1,
.product__item--2
{
top: 10.49%;
}.product__item--3,
.product__item--4
{
top: 62.47%;
}.product__item--1,
.product__item--3
{
left: 50%;margin-left: -520px;
}@media (max-width: 749px)
{
.product__item--1,
.product__item--3
{
left: 0;margin-left: inherit;
}
}.product__item--2,
.product__item--4
{
right: 50%;margin-right: -520px;
}@media (max-width: 749px)
{
.product__item--2,
.product__item--4
{
right: 0;margin-right: inherit;
}
}.product__txt
{font-size: 16px;line-height: 30px;
padding-top: 20px;
}.product__txt .u-txt--small
{
font-size: .7em;margin-top: 5px;
}
@media (max-width: 749px){
.product__txt .u-txt--small
{
font-size: .8em;line-height: 1.5;
}
}
@media (max-width: 749px){
.product__txt {
font-size: 9px;line-height: 16px;
}
}
@media (max-width: 749px){
.product__img
{
height: 80px;margin: auto;
}
}
.product__data
{
padding-top: 60px;padding-bottom: 55px;
}@media (max-width: 749px)
{
.product__data
{
padding-top: 6px;padding-bottom: 36px;
}.product__data__lead.u-only--sp
{
display: block !important;
font-size: 14px !important;
margin: 10px 0 -18px !important;
width: 100% !important;
text-align: center;
}
}.product__data__lead
{font-size: 26px;
margin-bottom: 54px;width: 100%;text-align: center;
}.product__data .l-container
{
width: 1100px;
}@media (max-width: 749px)
{
.product__data .l-container
{
width: 100%;
}
}.product__data .l_img
{
float: left;
}@media (max-width: 749px)
{
.product__data .l_img
{
float: none;margin-left: 0;text-align: center;
}
}.product__data .product__table
{font-size: 12px;
text-align: left;margin-left: 650px;letter-spacing: 0;
}@media (max-width: 749px)
{
.product__data .product__table
{font-size: 8px;
margin: 0 7%;
}
}.product__data .product__table table
{
width: 100%;
}.product__data .product__table th{
white-space: nowrap;
font-weight: normal;
width: 152px;padding: 10px 0 9px 14px;border-bottom: 1px solid #999;
}@media (max-width: 749px)
{
.product__data .product__table th
{
width: 33.4%;padding: 4px 7px;
}
}.product__data .product__table tr:first-child th
{
border-top: 1px solid #999;
}.product__data .product__table td
{
padding: 10px 0 9px 14px;border-bottom: 1px solid #999;
}@media (max-width: 749px)
{
.product__data .product__table td
{
padding: 4px 7px;
}
}.product__data .product__table tr:first-child td
{
border-top: 1px solid #999;
}.product__data .product__table td span
{
font-size: 10px;
}@media (max-width: 749px)
{
.product__data .product__table td span
{
font-size: 80%;
}
}.product__data .product__table__note
{font-size: 10px;
margin-left: 650px;padding-top: 15px;
}
@media (max-width: 749px){
.product__data .product__table__note
{font-size: 8px;
margin: 0 7%;padding-top: 7px;text-align: center;letter-spacing: 0;
}
}
.box--purchase{
background: #ffe641;
}
.purchase{
text-align: center;padding-bottom: 85px;
}
.purchase.normal{
text-align: center;padding-bottom: 95px;
}
.purchase .sold_out_area {
display: table;
width: 806px;
margin: 18px auto 0 auto;
padding: 32px 1% 32px 2%;
background: #fff;
border-radius: 8px;
text-align: left;
font-size: 14px;
line-height: 1.8;
box-sizing: border-box;
}
.purchase .sold_out_area p:nth-child(1){
display: table-cell;
width: 10%;
vertical-align: middle;
}
.purchase .sold_out_area p:nth-child(1) img{
width: 100%;
height: auto;
}
.purchase .sold_out_area p:nth-child(2){
display: table-cell;
width: 83%;
padding: 0 0 0 5%;
vertical-align: middle;
}
.purchase .sold_out_area p:nth-child(2) a{
color: #999;
text-decoration: underline;
}
@media (max-width: 749px){
.purchase {
padding-bottom: 43px;
}
.purchase.normal{
text-align: center;
padding-bottom: 43px;
}
.purchase .sold_out_area {
display: table;
width: 92%;
margin: 2px 4% 18px 4%;
padding: 25px 4% 27px 4%;
background: #fff;
border-radius: 4px;
text-align: left;
font-size: 10px;
line-height: 1.8;
}
.purchase .sold_out_area p:nth-child(1){
display: table-cell;
width: 21.45%;
height: auto;
vertical-align: middle;
text-align: center;
}
.purchase .sold_out_area p:nth-child(1) img{
width: auto;
height: auto;
}
.purchase .sold_out_area p:nth-child(2){
display: table-cell;
width: auto;
padding: 0 0 0 6%;
vertical-align: middle;
}
.purchase .sold_out_area p:nth-child(2) a{
color: #999;
text-decoration: underline;
}
}
.purchase__lead{
font-size: 16px;
padding-top: 25px;
line-height:1.88;
}
.purchase__lead a,
.purchase__lead03 a{
color:#999;
text-decoration:underline;
}
.purchase__lead02{
font-size: 16px;
padding-top: 32px;
}
.purchase__lead02.normal{
font-size: 16px;
padding-top: 60px;
}
.purchase__lead03{
font-size: 16px;
padding-top: 18px;
line-height:1.88;
}
@media (max-width: 749px){
.purchase__lead {
font-size: 11px;
line-height:18px;padding-top: 0;
}
.purchase__lead02 {
font-size: 11px;
line-height:18px;
padding-top: 0;
letter-spacing: 1.5px;
}
.purchase__lead02.normal{
font-size: 11px;
line-height:18px;
padding-top: 0;
letter-spacing: 1.5px;
}
.purchase__lead03 {
font-size: 11px;
line-height:18px;padding-top: 0;
}
}
.purchase__btnbox{
padding-top: 35px;
padding-bottom: 0;
}
.purchase__btnbox.normal{
padding-top: 30px;
padding-bottom: 0;
}
@media (max-width: 749px){
.purchase__btnbox{
padding-top: 20px;
padding-bottom: 20px;
}
.purchase__btnbox.normal{
padding-top: 20px;
padding-bottom: 20px;
}
}
span.purchase__btn {
display: block;
width: 358px;
height: 63px;
margin: 0 auto;
background: url('../../../assets/img/btn_amazon01_02.png') no-repeat left top;
text-indent: -9999px;
opacity: .75;
}
a.purchase__btn {
display: block;
width: 344px;
height: 66px;
margin: 0 auto;
background: url('../img_en/btn_amazon06_pc.png') no-repeat left top;
text-indent: -9999px;
}
a.purchase__btn:hover {
background-position:left bottom;
}
@media (max-width: 749px){
span.purchase__btn {
display: block;
overflow: hidden;
max-width: 296px;
height: 0 !important;
margin: auto;
padding-top: 56.3px !important;
background: url('../../../assets/img/btn_amazon01_01.png') no-repeat center top !important;
background-size: 100% auto !important;
line-height: 0 !important;
}
a.purchase__btn {
display: block;
overflow: hidden;
max-width: 444px;
height: 0 !important;
margin: auto;
padding-top: 60.3px !important;
background: url('../img_en/btn_amazon06_sp.png') no-repeat center top !important;
background-size: 90% auto !important;
line-height: 0 !important;
}
a.purchase__btn:hover{
opacity:1;
}
}
.purchase__shop__link {
margin: 30px 0 0;
}
.purchase__shop__link a{
display: block;
overflow: hidden;
width: 420px;
height: 0;
margin: auto;
padding-top: 46px;
background: url(../../../assets/img/btn_purchase01_03.png) no-repeat left top;
}
.purchase__shop__link a:hover{
opacity:0.7;
}
@media (max-width: 749px){
.purchase__shop__link {
margin: 19px 0 0;
}
.purchase__shop__link a{
width: 210px;
padding-top: 23px;
background: url(../../../assets/img/btn_purchase01_03.png) no-repeat left top;
background-size: 100% auto;
}
.purchase__shop__link a:hover{
opacity:1;
}
}
.purchase .l-container{
padding-top: 80px;
}
@media (max-width: 749px){
.purchase .l-container
{
padding-top: 28px;
}
}.purchase__ttl
{
margin-bottom: 46px;
}
@media (max-width: 749px){
.purchase__ttl {
margin-bottom: 25px;
}
}
@media (max-width: 749px)
{
.purchase__ttl img
{
width: 210px;
}
}.purchase__table
{
margin: 0 0 80px;text-align: left;letter-spacing: 0;
}@media (max-width: 749px)
{
.purchase__table {
margin: 0 0 35px;
/*
margin: 0 4.27% 35px;
*/
}
}
.purchase__table table
{
width: 100%;
}.purchase__table th
{font-size: 20px;
width: 30%;padding: 0 1.8%;border-top: 1px solid #000;vertical-align: middle;line-height: 30px;font-weight: normal;
}@media (max-width: 749px)
{
.purchase__table th
{font-size: 13px;
width: 45.8%;padding: 0 2.6%;line-height: 15px;
}
}.purchase__table tr:last-child th
{
border-bottom: 1px solid #000;
}
.purchase__table td {
font-size: 12px;
padding: 21px 1.2% 21px 0;border-top: 1px solid #000;vertical-align: top;line-height: 22px;
}
@media (max-width: 749px)
{
.purchase__table td.u-only--sp
{font-size: 9px;
display: table-cell !important;line-height: 14px;
}
.purchase__table tr td.event_box {
padding: 11px 1.2% 11px 0;border-top: 1px solid #000;vertical-align: top;line-height: 22px;
}
.purchase__table tr td.event_box p{
margin: 16px 0 0 !important;
padding: 0;
text-indent: 0;
font-size: 9px;
}
.purchase__table tr td.event_box p:first-child{
margin: 0 0 0 !important;
}
.purchase__table tr td.event_box p.ttl{
font-size: 12px !important;
}
.purchase__table tr td.event_box p span{
font-size: 8px;
}
}.purchase__table tr:last-child td
{
border-bottom: 1px solid #000;
}
.purchase__table tr td.event_box p{
margin: 18px 0 0;
padding: 0;
text-indent: 0;
line-height: 1.6;
}
.purchase__table tr td.event_box p.ttl{
font-size: 20px;
}
.purchase__table tr td.event_box p:first-child{
margin: 0 0 0;
}
.purchase__table .purchase__link
{
width: 116px;vertical-align: middle;
}@media (max-width: 749px)
{
.purchase__table .purchase__link.u-only--sp
{display: block !important;
width: 50px;margin-top: 10px;
}
}
.purchase__table .purchase__link a{
display: block;overflow: hidden;width: 100px;height: 0;margin: auto;padding-top: 34px;background: url(../../../assets/img/btn_purchase01_01.png) no-repeat left top;
}
.purchase__table .purchase__link a:hover{
background-position: left -34px;
}
@media (max-width: 749px){
.purchase__table .purchase__link a
{
width: 50px;padding-top: 17px;background-size: 50px;
}.purchase__table .purchase__link a:hover
{
background-position: left -17px;
}
}.purchase__table td p
{
padding-left: 5em;text-indent: -5em;
}.purchase__table td .tel_link a
{
color: #666;
text-decoration: underline;
}.faq__items
{
text-align: center;
}@media (max-width: 749px)
{
.faq__items
{
padding-bottom: 35px;
}
}.faq__items .l-container
{
text-align: left;
}.faq__item
{font-size: 16px;
float: left;width: 50%;margin-bottom: 54px;padding: 0 22px 0 38px;
}.faq__item:nth-child(2n+1)
{
clear: both;padding: 0 30px;
}@media (max-width: 749px)
{
.faq__item,.faq__item:nth-child(2n+1)
{font-size: 10px;
float: none;width: auto;margin-left: 7%;margin-right: 5%;margin-bottom: 25px;padding: 0;
}
}.faq__items__ttl
{font-size: 18px;
margin-bottom: 14px;
}@media (max-width: 749px)
{
.faq__items__ttl
{font-size: 12px;
margin-bottom: 7px;line-height: 1.5;letter-spacing: 0;
}
}.faq__items__ttl img
{
margin-right: 20px;vertical-align: middle;
}@media (max-width: 749px)
{
.faq__items__ttl img
{
width:28.5px;margin-right: 8px;
}
}
.faq__items__ttl span{
display: inline-block;
width: 360px;
vertical-align: middle;
}
@media (max-width: 749px)
{
.faq__items__ttl span
{
display: inline-block;
width: auto;
}
}.contact
{
text-align: center;padding-bottom: 90px;
}@media (max-width: 749px)
{
.contact
{
padding-bottom: 42px;
}
}.contact__lead{
font-size: 16px;
padding-top: 11px;
}
.contact__ft{
font-size: 16px;
padding-top:45px;
}
.contact__ft a{
color:#000000;
}
@media (max-width: 749px)
{
.contact__lead
{font-size: 11px;
line-height:18px;padding-top: 0;
}
.contact__ft{
font-size: 10px;
padding:20px 4.27% 0;
line-height:18px;letter-spacing:0;
}
}.contact__btnbox
{
padding-top: 44px;
}@media (max-width: 749px)
{
.contact__btnbox
{
padding-top: 20px;
}
}.contact__btn
{display: block;
overflow: hidden;width: 500px;height: 0;margin: auto;padding-top: 90px;background: url('../img_en/btn_contact01_01.png') no-repeat left top;
}.contact__btn:hover
{
opacity: 0.75;
}@media (max-width: 749px)
{
.contact__btn
{
width: 250px;padding-top: 45px;background-size: cover;
}.contact__btn:hover
{
background-position: left top;
}
}.snsCt
{
text-align: center;padding-top: 75px;padding-bottom: 70px;background: #f4f4f4;letter-spacing:-0.4em;
}
.contactfb ,
.contactinsta {
display:inline-block;
width:500px;
letter-spacing:0;
}
@media (max-width: 749px){
.snsCt
{
padding:36px 0 42px;
}
.contactfb ,
.contactinsta {
width:auto;display:block;
}
.contactfb {
padding-bottom:30px;
}
}.contactfb__lead ,.contactinsta__lead {
font-size: 16px;
}
@media (max-width: 749px)
{
.contactfb__lead ,.contactinsta__lead
{
padding: 0 4.27%;
font-size: 11px;
}
}.contactfb__btnbox , .contactinsta__btnbox
{
padding-top: 40px;
}@media (max-width: 749px)
{
.contactfb__btnbox , .contactinsta__btnbox
{
padding-top: 20px;
}
}.contactfb__btnbox .facebook-page
{display: block;
overflow: hidden;width: 328px;height: 0;margin: auto;padding-top: 105px;background: url('../img/btn_facebook_01_01.png') no-repeat left top;
}
.contactinsta__btnbox .insta-page
{display: block;
overflow: hidden;width: 328px;height: 0;margin: auto;padding-top: 105px;background: url('../img/btn_instagram_01_01.png') no-repeat left top;
}
.contactfb__btnbox .facebook-page:hover , .contactinsta__btnbox .insta-page:hover
{
opacity:0.75;
}@media (max-width: 749px)
{
.contactfb__btnbox .facebook-page
{
width: 211px;height: 0;margin: auto;padding-top: 68px;background: url('../img/btn_facebook_01_01.png') no-repeat left top;background-size: contain;
}
.contactinsta__btnbox .insta-page
{
width: 211px;height: 0;margin: auto;padding-top: 68px;background: url('../img/btn_instagram_01_01.png') no-repeat left top;background-size: contain;
}
.contactfb__btnbox .facebook-page:hover
{
opacity:1;
}
}.merrygo__items
{
width: 300%;min-height: 600px;
}@media (max-width: 749px)
{
.merrygo__items
{
min-height: initial;
}
}.merrygo__item
{width: 33.33%;
text-align: center;
}.merrygo__item img
{
width: 100%;
}@media (max-width: 749px)
{
.merrygo__item img
{
width: auto !important;
}
}
.merrygo__dots{
position: absolute;
top: 93%;
width: 100%;
}
@media (max-width: 749px){
.merrygo__dots
{
top: initial;bottom: 4%;
}
}.merrygo__dot
{font-size: 13px;margin: 0 3px 0 5px;
color: #fff;
}@media (max-width: 749px)
{
.merrygo__dot
{
font-size: 12px;margin: 0 3px;
}
}.merrygo__dot.current
{
color: #ffe641;
}.slick-prev,
.slick-next
{
z-index: 100;width: 67px;height: 66px;
}.slick-prev:before,
.slick-next:before
{
opacity: 1;
}.slick-prev:hover:before,
.slick-next:hover:before
{
background-position: left -66px;
}@media (max-width: 749px)
{
.slick-prev,
.slick-next
{
width: 33.4px;height: 33px;
}.slick-prev:hover:before,
.slick-prev:active:before,
.slick-next:hover:before,
.slick-next:active:before
{
opacity: 1;background-position: left top;
}
}.slick-prev
{
left: 10%;
}.slick-prev:before
{display: block;
overflow: hidden;width: 67px;height: 0;padding-top: 66px;background: url('../../../assets/img/ico_arrow-left02_01.png') no-repeat left top;
}@media (max-width: 749px)
{
.slick-prev:before
{
width: 33.4px;padding-top: 33px;background-size: cover;
}
}.slick-next
{
right: 10%;
}.slick-next:before
{display: block;
overflow: hidden;width: 67px;height: 0;padding-top: 66px;background: url('../../../assets/img/ico_arrow-right02_01.png') no-repeat left top;
}@media (max-width: 749px)
{
.slick-next:before
{
width: 33.4px;padding-top: 33px;background-size: cover;
}
}
@media (min-width: 1980px)
{
.slick-next ,
.slick-prev {
display:none !important;
}
}
.pcHide{
display:none;
}
@media (max-width: 749px)
{
.pcHide{
display:block;
}
.spHide{
display:none;
}
}
/* add style @o_hirakawa */
.c-modal__overlay{
z-index: 9999;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.7);
}
.c-modal__overWrap{
display:none;
position: fixed;
z-index: 10000;
width: 100%;
top:0;
right:0;
bottom:0;
left:0;
margin: auto;
}
.c-modal__wrapper{
width: 100%;
height: 100%;
margin: 0 auto;
font-size: 0;
}
.c-modal__inner{
width:100%;
height: 100%;
margin: 0 auto;
text-align: center;
font-size: 0;
position:relative;
}
.c-modal__iframe{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.c-modal__close{
position: absolute;
top:0;
right:0;
margin: -38px -38px 0 0;
}
@media (max-width: 640px){
.c-modal__close{
margin: -5% -5% 0 0;
}
.c-modal__close{
width:38px;
}
}
.c-modal__iframe iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 641px){
.bxslider {
max-width:1341px;
margin:0 auto;
}
.bxslider ul li {
width:447px;
}
}
@media (max-width: 640px){
.bx-wrapper .bx-prev {
left:5%;
background:url(../../../assets/img/ico_arrow-left02_01.png) no-repeat left 0;
background-size:33px 66px;
}
.bx-wrapper .bx-next {
right:5%;
background: url(../../../assets/img/ico_arrow-right02_01.png) no-repeat right 0;
background-size:33px 66px;
}
.bx-wrapper .bx-controls-direction a {
width: 33px;
height: 33px;
}
}
#gallery {
overflow:hidden;
}
#gallery .box__body {
position:relative;
padding:0 20px 0 0;
background:#fbfcfe;
}
.gallery {
text-align: center;
width: 1295px;
height: 700px;
margin:0 auto;
overflow: visible !important;
}
.bgWrap{
position: relative;
width: 1095px;
margin:0 auto;
z-index: 10;
overflow: visible !important;
}
.gallery .slideWrap{
position: relative;
width: 6015px;
left:-2005px;
}
.gallery .slideWrap ul{
margin: 0;
width: 2005px;
float: left;
}
.gallery .slideWrap li{
float: left;
margin:0 60px 0 0;
}
.gallery .prev {
position:absolute;
top:265px;
left:30px;
width:67px;
height:66px;
overflow:hidden;
}
.gallery .prev img {
position:relative;
top:0;
left:0;
max-width:inherit;
max-height:inherit;
z-index:100;
cursor:pointer;
}
.gallery .prev:hover img {
top:-66px;
}
.gallery .next {
position:absolute;
top:265px;
right:30px;
width:67px;
height:66px;
cursor:pointer;
overflow:hidden;
}
.gallery .next img {
position:relative;
top:0;
left:0;
max-width:inherit;
max-height:inherit;
z-index:100;
}
.gallery .next:hover img {
top:-66px;
}
@media (max-width: 749px){
#gallery .box__body {
position:static;
padding:0;
background:none;
}
.gallery {
text-align: center;
width: 100%;
height: auto;
margin:0 auto;
overflow: hidden;
}
}
.purchase__top
{
display: none;
padding: 14px 0;
background: #ffe641;
}
@media (max-width: 749px){
.purchase__top {
display: block;
padding: 13px 0 12px 0;
}
span.purchase__topbtn {
display: block;
overflow: hidden;
width: 323px;
height: 0;
margin: auto;
padding-top: 61px;
background: url('../../../assets/img/btn_amazon01_01.png') no-repeat left top;background-size: 100%;
opacity: .75;
}
a.purchase__topbtn {
display: block;
overflow: hidden;
width: 323px;
height: 0;
margin: auto;
padding-top: 61px;
background: url('../img_en/btn_amazon06_sp.png') no-repeat left top;background-size: 100%;
}
a.purchase__topbtn:hover{
background-position: 0 0;
}
}
.support_area {
width: 100%;
text-align: center;
}
.support_area {
text-align: center;
}
.support_area img{
height: auto !important;
}
.sold_out_area {
padding: 17px 50px;
background: #f4f4f4;
}
.sold_out_area .inner{
display: table;
margin: 0 auto;
}
.sold_out_area p:nth-child(1){
display: table-cell;
width: 80px;
height: 80px;
vertical-align: middle;
}
.sold_out_area p:nth-child(1) img{
width: auto;
height: auto;
}
.sold_out_area ul{
display: table-cell;
padding: 8px 0 0 43px;
vertical-align: middle;
font-size: 14px;
line-height: 1.8;
}
.sold_out_area ul li{
position:relative;
margin:0 0 8px;
padding:0 0 0 20px;
}
.sold_out_area ul li span {
position:absolute;
top:0;
left:0;
}
.sold_out_area ul li a{
color: #999;
text-decoration: underline;
}
@media (max-width: 749px){
.sold_out_area {
display: table;
width: 100%;
margin: 0 0 0;
padding: 27px 6% 19px 6%;
background: #f4f4f4;
}
.sold_out_area p:nth-child(1){
display: table-cell;
width: 18.45%;
height: auto;
vertical-align: middle;
}
.sold_out_area p:nth-child(1) img{
width: auto;
height: auto;
vertical-align: middle;
}
.sold_out_area ul{
display: table-cell;
width: auto;
padding: 0 0 0 6%;
vertical-align: middle;
line-height: 1.8;
letter-spacing: .01em;
font-size: 11px;
}
.sold_out_area ul li a{
color: #999;
text-decoration: underline;
}
}
.terminal__data__lead {
font-size:26px;
margin-bottom:20px;
padding-top:16px;
width:100%;
text-align:center;
}
.terminal__data p {
margin-bottom:45px;
text-align:center;
}
.terminal__list {
float:left;
width:485px;
margin:0 30px 85px 0;
border-top:1px solid #000;
}
.terminal__list + .terminal__list {
margin:0 0 85px;
}
.terminal__list tr {
text-align:left;
border-bottom:1px solid #000;
}
.terminal__list th {
width:225px;
padding:20px 15px;
font-size:18px;
font-weight:normal;
}
.terminal__list td {
width:260px;
padding:20px 0 20px 15px;
font-size:14px;
line-height:2;
letter-spacing:0.5px;
}
@media (max-width: 749px){
.terminal__data__lead {
font-size:14px;
margin-bottom:12px;
width:100%;
text-align:center;
}
.terminal__data p {
margin-bottom:25px;
font-size:11px;
text-align:center;
}
.terminal__list {
float:left;
width:43.5%;
margin:0 2.13% 50px 4.27%;
border-top:1px solid #000;
}
.terminal__list + .terminal__list {
margin:0 4.27% 50px 2.13%;
}
.terminal__list table ,
.terminal__list tbody {
display:block;
}
.terminal__list tr {
display:block;
text-align:left;
border-bottom:1px solid #000;
}
.terminal__list th {
display:block;
width:100%;
padding:15px 8px 10px;
font-size:12px;
font-weight:normal;
}
.terminal__list td {
display:block;
width:100%;
padding:0 8px 15px;
font-size:8px;
line-height:1.8;
}
/*
.terminal__list td ul li {
white-space:nowrap;
}
*/
}
.contest_area {
text-align:center;
}
.contest_area a {
display:block;
}
.contest_area a:hover {
opacity:0.75;
}
@media (max-width: 749px){
.contest_area {
padding:0;
}
.contest_area a:hover {
opacity:1;
}
.contest_area p {
width:100%;
padding:0;
}
}
#today {
position:relative;
width:auto;
margin:0 auto;
padding:58px 0 77px;
background:#ffe641 url(../img/bg_today01.png) no-repeat center top;
}
#today a:hover {
opacity:0.75;
}
#today h2 {
margin:0 0 25px;
text-align:center;
}
#today .lead {
margin:0 0 68px;
text-align:center;
}
#today .instagram {
width:1000px;
margin:0 auto;
}
#today .instagram .list {
margin:0 -19px;
padding:0 0 38px;
letter-spacing:-0.4em;
}
#today .instagram .list .instagram-placeholder {
position:relative;
display:inline-block;
width:308px;
margin:0 19px 38px;
padding:0 0 15px;
letter-spacing:0;
vertical-align:top;
border-radius:16px;
background:#ffffff;
box-sizing:border-box;
}
#today .instagram .list .instagram-placeholder:hover {
cursor:pointer;
}
#today .instagram .list .instagram-placeholder:hover:after {
position:absolute;
top:0;
left:0;
display:block;
width:308px;
height:308px;
content:url(../../../assets/img/btn_today02.png);
z-index:2;
}
#today .instagram .list .instagram-placeholder p {
height:100px;
margin:0 24px;
font-size:94%;
overflow:hidden;
}
#today .instagram .list .instagram-placeholder img {
width:100%;
margin:0 0 20px;
border-radius:16px 16px 0 0;
}
#instaVideo .videoList li {
display:none;
position:fixed;
top:50%;
left:0;
right:0;
width:563px;
height:563px;
margin:-281px auto 0;
z-index:1000001;
}
#instaVideo .videoList li video {
width:100%;
height:100%;
}
#instaVideo .videoList li img {
width:100%;
height:100%;
}
#instaVideo .videoList li .close {
position:absolute;
top:-38px;
right:-27px;
display:block;
width:76px;
height:76px;
cursor:pointer;
z-index:1000002;
}
#today .more {
margin:0;
text-align:center;
}
#overlay {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index:1000000;
}
#prev {
display:none;
position:fixed;
top:50%;
left:50%;
margin:-16px 0 0 -340px;
z-index:1000001;
cursor:pointer;
}
#next {
display:none;
position:fixed;
top:50%;
right:50%;
margin:-16px -340px 0 0;
z-index:1000001;
cursor:pointer;
}
#today .today_movie_area {
width:1000px;
margin:0 auto;
font-size: 0;
}
#today .today_movie_area .reaction_box {
display: inline-block;
width: 480px;
vertical-align: top;
}
#today .today_movie_area .reaction_box .reaction_inner{
position: relative;
}
#today .today_movie_area .reaction_box:last-child {
margin: 0 0 0 35px;
}
#today .today_movie_area .reaction_box span{
display: block;
margin: 24px 0 0;
font-size: 15px;
text-align: center;
}
#today .today_movie_area .reaction_box .start-reaction01{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 123px;
height: 123px;
margin: auto;
}
@media (max-width: 749px){
#today {
position:relative;
width:auto;
margin:0 auto;
padding:9% 0 1%;
background:#ffe43f;
}
#today a:hover {
opacity:1;
}
#today h2 {
width:72.933%;
margin:0 auto 3%;
}
#today .lead {
margin:0 0 8%;
font-size:123%;
letter-spacing:1.5px;
}
#today .instagram {
width:92.266%;
margin:0 auto;
}
#today .instagram .list {
margin:0;
padding:0 0 5%;
letter-spacing:-0.4em;
}
#today .instagram .list .instagram-placeholder {
width:44.5%;
margin:0 2.75% 5%;
padding:0 0 10px;
border-radius:8px;
}
#today .instagram .list .instagram-placeholder:hover:after {
display:none;
}
#today .instagram .list .instagram-placeholder p {
height:8em;
margin:0 12px;
font-size:84%;
overflow:hidden;
}
#today .instagram .list .instagram-placeholder img {
width:100%;
margin:0 0 10px;
border-radius:8px 8px 0 0;
}
#instaVideo .videoList li {
display:none;
position:fixed;
top:50%;
left:0;
right:0;
width:75%;
height:auto;
margin:-50% auto 0;
z-index:1000001;
}
#instaVideo .videoList li .close {
top:-19px;
right:-12px;
width:13.5%;
height:auto;
}
#today .today_movie_area {
width:auto;
margin:0 4.27%;
padding: 0 0 30px;
font-size: 0;
}
#today .today_movie_area .reaction_box {
display: inline-block;
width: 47%;
margin: 0 2% 0 0;
vertical-align: top;
}
#today .today_movie_area .reaction_box .reaction_inner{
position: relative;
width: 100%;
}
#today .today_movie_area .reaction_box:last-child {
margin: 0 0 0 2%;
}
#today .today_movie_area .reaction_box iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#today .today_movie_area .reaction_box span{
display: block;
margin: 12px 0 0;
font-size: 11px;
text-align: center;
}
#today .more {
width:37.34%;
margin:0 auto 11%;
}
#overlay {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index:1000000;
}
#prev {
display:none;
position:fixed;
top:40%;
left:4%;
width:3%;
margin:0;
z-index:1000001;
cursor:pointer;
}
#next {
display:none;
position:fixed;
top:40%;
right:4%;
width:3%;
margin:0;
z-index:1000001;
cursor:pointer;
}
}
.other {
text-align:center;
padding-bottom:25px;
}
.other h3 {
font-size:26px;
margin-bottom:52px;
}
.other ul {
width:1035px;
margin:0 auto;
letter-spacing:-0.4em;
}
.other ul li {
position:relative;
display:inline-block;
width: 33.333%;
margin:0 0 72px;
letter-spacing:1px;
vertical-align:top;
text-align: center;
}
.other ul li .ttl {
display:block;
margin:15px 0 5px 0;
font-size:18px;
font-weight:bold;
}
.other ul li .txt {
display:block;
min-height:60px;
margin:5px 0 0 0;
font-size:16px;
}
.other ul li img {
}
@media (max-width: 749px){
.other {
text-align:center;
padding-bottom:5%;
}
.other h3 {
font-size:13px;
margin-bottom:7%;
}
.other ul {
width:91.6%;
margin:0 auto;
}
.other ul li {
position:relative;
display:block;
width:91.6%;
margin:0 auto;
padding:0 3% 5% 25%;
text-align:left;
box-sizing:border-box;
}
.other ul li img {
position:absolute;
top:0;
left:0;
width:19.3%;
max-height:inherit;
}
.other ul li .ttl {
display:block;
margin:0 0 1%;
padding:2% 0;
font-size:12px;
font-weight:bold;
}
.other ul li .txt {
display:block;
min-height:inherit;
margin:0;
font-size:10px;
line-height:1.64;
}
.other ul li:first-child .txt{
margin:0 0 0;
}
.other ul li:last-child .txt {
margin:0 0 1.64em;
}
}
.movie01_area{
position: relative;
width: 100%;
padding-top: 56.3%;
}
.movie01_area #movie01 img{
position: absolute;
left: 0;
top: 0;
}
.movie01_area iframe#movie01 {
display: block !important;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.reaction_inner{
position: relative;
width: 480px;
padding-top: 56.3%;
}
.reaction_inner .start-video1,
.reaction_inner .start-video2{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 120px;
height: 120px;
margin: auto;
}
.reaction_box #movie02 img,
.reaction_box #movie03 img{
position: absolute;
left: 0;
top: 0;
}
.reaction_box iframe#movie02,
.reaction_box iframe#movie03{
display: block !important;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.btn_disabled a{
pointer-events: none;
cursor: default;
text-decoration: none;
}
.over a:hover{
opacity: .7;
}