@charset "utf-8";

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,main,summary,time,mark,audio,video,a,button,input,select,textarea{
margin:0;padding:0; border:0; font-size:100%; /*background:transparent;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%; vertical-align:super;}
sub{vertical-align:text-bottom; font-size:75%;}
small{font-size:85%;}
input,textarea,select{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}
a,button{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}
i{font-style:normal;}
button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;}
/* inherited from original style */
body{-webkit-text-size-adjust:100%; font-family:sans-serif; font-size:14px; letter-spacing:-0.01em; color:#333;}
a{color:#676666; text-decoration:none; outline:none; transition:all .2s ease-in;}
a:hover{text-decoration:underline;}
a:visited,a:active{color:#676666;}
img{max-width:100%; height:auto;}
@media only screen and (max-width : 360px) {
body{font-size:13px; letter-spacing:-0.075em;}
}

/*
BASE LAYOUT
====================================================================== */
/*body{opacity:0;}*/
#wrapper{min-width:320px; max-width:768px; margin:0 auto; position:relative; z-index:1;}
/* site header */
#siteHeader{height:auto; position:relative; z-index:3; min-height:70px;}
#siteHeader .header{height:70px; position:relative;}
#siteHeader .siteLogo{width:80px; height:70px; margin:0 auto; line-height:70px;}
#siteHeader .siteLogo img{vertical-align:middle;}
#siteHeader .menuToggle{width:40px; height:40px; position:absolute; right:5px; top:15px;}
#siteHeader .menuToggle a{width:40px; height:40px; display:block; overflow:hidden; text-indent:50px; white-space:nowrap; background:url(/images/common/sprite.png) no-repeat 0 0; background-size:500px auto; transition:all .2s ease-in;}
#siteHeader .menuToggle a.toggleClose{display:none; background-position:-40px 0;}
#siteHeader nav{clear:both; display:none; position:absolute; left:0; top:70px; width:100%; z-index:100; background:url(/images/common/nav-shade.png) repeat-x top #fff; background-size:15px;}
#siteHeader nav:after{content:''; display:block; clear:both;}
#siteHeader .global{padding:0 36px 5px;}
#siteHeader .global li{border-bottom:2px #8d7e01 solid; text-align:center; font-size:16px; font-weight:bold;}
#siteHeader .global li:nth-child(1){border-color:#1dabd3;}
#siteHeader .global li:nth-child(2){border-color:#eb629e;}
#siteHeader .global li:nth-child(3){border-color:#16c6a7;}
#siteHeader .global li:nth-child(4){border-color:#ff6666;}
#siteHeader .global li a{display:block; height:56px; line-height:58px; color:#666;}
#siteHeader .amazon{padding:30px 17px 25px; text-align:center; margin:0 15px; border-bottom:1px #8d7e01 solid;}
#siteHeader .amazon a{display:block; border:1px #d6d6d6 solid;}
#siteHeader .amazon a img{margin:0 auto; display:block;}
#siteHeader .amazon p{font-size:10px; color:#666666; padding:5px 0 0;}
#siteHeader .social,
#siteHeader .lang{height:100px; width:100%; float:left; text-align:center; align-content: center}
#siteHeader .social li,
#siteHeader .lang li{width:50px; height:50px; margin:0 auto; padding:5px; display:inline-block; position:relative;}
/* #siteHeader .social li a,
#siteHeader .lang li a{width:40px; height:40px; display:block; text-indent:60px; overflow:hidden; white-space:nowrap; background:url(/images/common/sprite.png) no-repeat; background-size:500px auto;} */
#siteHeader .social li a,
#siteHeader .lang li a{width:40px; height:40px; display:block;}
/* #siteHeader .social li:first-child a{background-position:-270px 0;} */
/* #siteHeader .social li:last-child a{background-position:-310px 0;} */
#siteHeader .lang li:first-child a{background-position:-270px -80px;}
#siteHeader .lang li:last-child a{background-position:-310px -80px;}
#siteHeader .lang li:first-child a.active{background-position:-270px -40px;}
#siteHeader .lang li:last-child a.active{background-position:-310px -40px;}
#siteHeader .lang li:first-child:after{content:''; width:1px; height:20px; position:absolute; right:-1px; top:15px; display:block; background:#8d7e01;}
#siteHeader ul.sns{height:50px; width:50%; float:left; text-align:right; padding-top:14px;} 
#siteHeader ul.sns li{display:inline-block; margin:0 5px; height:21px; overflow:hidden;}
#siteHeader ul.sns li.tw{padding-top:1px;}

.shade{background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:70px; z-index:1; cursor:pointer;}
/* page top link */
.pgTop{clear:both; padding:10px; height:70px; position:fixed; bottom:10px; left:auto; width:100%; z-index:1000; display:none; transition:all .3 ease;}
/* .pgTop a{display:block; width:50px; height:50px; text-indent:60px; white-space:nowrap; overflow:hidden; background:url(/images/common/sprite.png) no-repeat 0 -40px; background-size:500px auto; float:right;} */
.pgTop a{
    display: block; 
    width: 50px; 
    height: 50px; 
    float: right;
    overflow: hidden;
    background-color: #c8deeb;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}
/* footer */
#siteFooter{clear:both;}
#siteFooter nav{border-top:1px #505050 solid;}
#siteFooter nav li{border-bottom:1px #505050 solid;}
#siteFooter nav li a{padding:15px 20px; display:block; color:#505050; position:relative;}
#siteFooter nav li a:after{content:''; display:block; position:absolute; right:20px; top:50%; width:20px; height:20px; background:url(/images/common/sprite.png) no-repeat -160px 0; background-size:500px auto; margin-top:-10px;}
#siteFooter .corp{padding:15px;}
#siteFooter .corp p{font-size:10px; margin-bottom:.5em;}
#siteFooter .corp img{display:block; margin:0 auto 15px;}
/* content container */
main{clear:both;}
/* item link slider */
#itemLinks{background:#dff5fa; padding:35px 50px; position:relative; clear:both; margin-bottom:20px;}
#itemLinks ul{width:100%;}
#itemLinks .slick-arrow{background:none transparent; width:30px; height:40px; text-indent:50px; white-space:nowrap; overflow:hidden; position:absolute; top:50%; margin-top:-20px; transition:all .2s ease;}
#itemLinks .slick-prev.slick-arrow{background:url(/images/common/sprite.png) -100px 0 no-repeat; background-size:500px auto; left:-50px;}
#itemLinks .slick-next.slick-arrow{background:url(/images/common/sprite.png) -130px 0 no-repeat; background-size:500px auto; right:-50px;}
#itemLinks .slick-prev.slick-arrow:hover,
#itemLinks .slick-next.slick-arrow:hover{opacity:.5;}
/* loader 
#loader{width:100%; height:100%; position:fixed; left:0; top:0; background:url(/images/common/loader.gif) center center no-repeat #fff; z-index:20000;}
*/
/* container internal */
section{clear:both;}
/* modal */
#modalBase{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(255,255,255,0.8); z-index:10000; display:none; padding:10px;}
#modalStage{position:fixed; left:auto; top:20%; z-index:10001; display:none; height:auto;}
#modalStage.movie{width:90%; height:auto; margin:0 5% 0 5%; padding-top:61.666%;}
#modalStage.pop{width:90%; margin:0 5%; min-height:60%}
#modalStage iframe{width:100%; height:100%; position:absolute; top:0; right:0; width:100% !important; height:100% !important;}
#modalStage a.close{background:url(/images/common/modal-close.png) no-repeat center; background-size:20px; width:40px; height:40px; display:block; position:fixed; right:15px; top:65px; z-index:10002; text-indent:100px; overflow:hidden; white-space:nowrap;}


/* extra small */
small.ex{font-size:12px;}

/* footnote */
.footnote{text-align:right; margin-top:-30px;}

/* pop movie */
.popMovie{background-color:transparent; opacity:1;}
.popMovie .movie{position:relative; width:100%; padding-top:56.25%;}
.popMovie .movie iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important;}
.mcWrap{margin:0 auto; max-width:670px;}
.mcWrap .mcCnt{padding:10px;}
.mcWrap h1{text-align:center; font-size:18px; height:40px; line-height:40px;}
.mcWrap h1.uru{color:#03aad5;}
.mcWrap h1.tsuru{color:#ff6666; font-size:14px;}
.mcWrap h1.awa{color:#eb629e;}
.overlay{width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer;}
.overlay img{width:100%; height:100%;}


.mcWrap .mcContainer p{font-size:14px; line-height:1.6; color:#555; margin-bottom:.75em;}
.mSwitch{margin:10px 0;}