@media screen and (max-width: 768px){body#topPage{background:url(/assets/sandBg.png)}.page{width:92%}.spOn{display:block}.spOff,.spOff-inline{display:none}#header{width:100%;height:auto;background:url(/assets/sp-TopHeaderBg.png) 0 0 repeat-x}#header .page{padding:26px 0 20px}#header .siteName{height:auto;padding-right:0;padding-top:7px;padding-bottom:0;line-height:1;font-size:30px;font-weight:bold}#header .siteName a{text-decoration:none}#header .siteLogo{width:78px;height:auto;line-height:1}#header .siteLogo img{width:auto;height:36px}#header .logout{float:right;margin-top:-26px}#container{background:url(/assets/sp-containerBg.png) 0 0 repeat-x}#main{float:none;width:auto}.topDescription{margin-top:30px;font-size:18px;text-align:center}.feed .feedInner{padding:20px 0 20px 6%}.feed .withSideInner{padding:20px 6%}.feed h2{margin-right:6%;margin-bottom:20px;padding-bottom:10px;font-size:26px;line-height:1.4}.feed .headDescription{margin-right:0;font-size:16px}.feed .cautionMessage{padding:20px 10px 20px 40px;background-size:20px 20px;font-size:12px}.feed .itemList{width:auto;margin-right:3%}#frFeed.purchased .itemList{margin-right:0}.feed .itemList ul li{width:47%;margin-right:3%}.feed .itemList ul li .photoNum{font-size:14px}.feed .itemList ul li .videoNum{font-size:14px}.feed .itemList ul li .photo{width:100%;height:100%;line-height:0}.feed .itemList ul li .video{width:100%;height:100%;line-height:0}.feed .itemList ul li .photo img{max-width:100%;max-height:100%}.feed .itemList ul li .photo .zoomBtn{width:50px;height:50px}.feed .likeBtn,.feed .commentBtn{width:48%;padding:4px 0}.feed .likeBtn .count .hits{top:4px}.feed .itemList .more.spOff{display:block}.feed .itemList .more.spOn{display:none}.feed .itemList .more img{width:97%;margin-right:3%;height:auto}.feed .commentUnit{width:auto;margin:0 auto;margin-right:6%}.feed .commentUnit .photoNum{font-size:14px}.feed .commentUnit .photo{height:auto;padding:0;line-height:0}.feed .commentUnit .photo img{width:98%;height:auto;max-height:960px;padding:1%}.feed .commentUnit .btnUnit{width:auto}.feed .commentUnit .btnUnit .likeBtn,.feed .commentUnit .btnUnit .commentBtn{width:48%}.feed .commentUnit .btnUnit .likeBtn-delete{float:right;width:48%;padding:4px 0;background:url(/assets/feedBtn-off.png) 0 0 repeat-x #E3DAC3}.feed .commentUnit .commentList ol li .postHeader .postDate{display:block;margin-left:0;font-weight:normal}.feed .commentUnit .commentWrite .writeName{width:80%;height:30px;margin-bottom:10px;padding:5px 8px;font-size:16px;border:1px solid #ccc;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset}.feed .commentUnit .commentWrite .ex{display:block;margin-left:0;margin-bottom:10px}.feed .commentUnit .commentWrite .writeBody{width:96%;height:148px;margin-bottom:10px;padding:5px 2%;border:1px solid #ccc}.feed .commentUnit .commentWrite .submit input{width:100%}.feed #pager{position:relative;margin-right:3%;margin-top:40px;padding:0}.feed #pager .prev,.feed #pager .next,.feed #pager .numList{float:none}.feed #pager .prev,.feed #pager .next{width:60px;height:30px;line-height:30px;font-size:16px;text-align:center}.feed #pager .prev{position:absolute;top:0;left:0}.feed #pager .next{position:absolute;top:0;right:0}.feed #pager .numList{width:auto}.feed #pager .numList ul li a{padding:3px 6px;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#58381F;text-decoration:none}#contents{margin-bottom:0px;padding:2px}#contentsInner{padding:20px 6%;background:url(/assets/contentsBg.png) 0 0 repeat-x}.ajaxLoaderAll p.cautionMessage{display:block;position:absolute;width:60%;top:40%;left:10%;right:10%;margin-bottom:20px;padding:10px 10px 10px 60px;background:url(/assets/cautionBg.png) 10px 50% no-repeat #FDE6E1;border:2px solid #EB6238;font-size:14px;font-weight:bold;color:#EB6138;z-index:200}.formUnit{margin-bottom:10px}.formUnit form table{width:100%;margin-bottom:0}.formUnit form table th{display:none}.formUnit form table td.inputArea{width:auto}.formUnit form table td.inputArea input[type="text"],.formUnit form table td.inputArea input[type="email"],.formUnit form table td.inputArea input[type="password"],.formUnit form table td.inputArea textarea{margin-bottom:10px;padding:10px 2%;font-size:20px}.formUnit form table td.inputArea input{height:40px}.formUnit form table td.inputArea .heading.spOn,.formUnit form table td.selectArea .heading.spOn{width:auto;margin-bottom:10px;padding:15px 10px;font-weight:bold;font-size:17px;line-height:1;background:url(/assets/formHeadingBg.png) 0 0 repeat-x #F7C17F;border:1px solid #F7C17F;text-align:center}.formUnit form table td.inputArea .heading.spOn span{margin-left:10px}.formUnit form table td.inputArea .familyNameCaption{float:left;width:45%}.formUnit form table td.inputArea .firstNameCaption{float:right;width:45%}.formUnit form table td.inputArea input.familyNameBox{float:left;width:42%}.formUnit form table td.inputArea input.firstNameBox{float:right;width:42%}.formUnit form table td.inputArea input.fullBox{width:96%}.formUnit form table td.inputArea textarea.messageBox{width:96%}.formUnit form table td.inputArea input.codeBox{width:25%}.formUnit form table td.inputArea span.codeBox-separator{margin-top:18px;margin-left:4px;margin-right:4px}.formUnit .submit{width:100%;margin:0 auto}.formUnit .submit .confirm,.formUnit .submit .invite{width:100%}.formUnit .submit .change{width:48%}.formUnit .submit .decision{width:48%}.formUnit p.preview{margin-bottom:15px;font-size:16px}.formUnit .adminForm td.inputArea{width:auto}.formUnit .adminForm td.inputArea .adminUser{margin-bottom:10px}.formUnit .adminForm td.inputArea .adminUser p.address{float:left;width:60%;font-size:20px;word-wrap:break-word}.formUnit .adminForm td.inputArea .adminUser p.delete{float:right;margin-bottom:20px}.formUnit .adminForm td.inputArea .adminUser p.delete input,.formUnit .adminForm td.inputArea .adminUser p.delete a{width:100%;height:auto;margin-bottom:0;padding:13px 10px;box-shadow:none;text-decoration:none}.formUnit .adminForm td.inputArea p.addInput{width:auto;text-align:right}.contactDescription{margin-bottom:20px;padding:15px 30px;border:1px solid #CEC3BB;background:#FFEFBF;text-align:left;font-size:18px;font-weight:bold}.contactDescription .skype img{width:20px;height:auto;top:3px}.formUnit .unChangedTable{float:left;margin-right:10px;margin-bottom:20px;border:1px solid #CEC3BB}.formUnit .unChangedTable th{padding:15px 20px}.formUnit .unChangedTable td{padding:15px 20px;font-size:16px}.formUnit form .caution{padding:15px 30px 15px 70px;font-size:16px}.formUnit .userForm td.inputArea p.addInput{text-align:right;margin-bottom:10px}.formUnit form table td.adviceArea{width:30%;font-size:14px}.formUnit form table td.inputArea .arrowBox{display:none}.formUnit .ruleUnit{width:100%}.formUnit .pass p.description{height:auto;margin:10px 10px 5px 0;line-height:1;font-size:16px;font-weight:bold}#sub{float:none;width:100%}#sub .itemList p.textNav{font-size:16px;text-align:center;margin-bottom:10px}#sub .itemList ul li{margin-bottom:3px;line-height:0}#sub .itemList ul li.contact{margin-top:10px}#sub .spNav{margin-bottom:10px}#sub .spNav img{width:100%;height:auto}#sub .spNav .noticeMark img{width:70%}#sub .spNav .mypage{width:100%;line-height:0}#sub .spNav .cfix{padding-top:10px}#sub .spNav .howto{width:48%;float:left}#sub .spNav .contact{width:48%;float:right}#footer{height:auto;background:url(/assets/sp-footerBg.png) 0 0 repeat-x}#footer .page .pmark{padding-top:9.5px}#footer .copyright{padding:20px 0;text-align:center;font-size:16px;clear:both}#topHeader{position:static;width:100%;height:auto;background:url(/assets/sp-TopHeaderBg.png)}#topHeader .page{padding-top:30px}#topHeader .siteName{max-width:none;float:none;display:block;padding-right:0;height:auto;line-height:auto;background:none;font-size:40px;font-weight:bold;text-align:center}#topHeader .siteName a{text-decoration:none}#topHeader .siteLogo{float:none;height:auto;margin-left:0;line-height:0;text-align:center}#topContents{position:static;z-index:1;background:none !important;margin-top:0 !important}#loginForm{float:none;width:auto;padding-bottom:50px;min-height:0;margin:0 auto;background:url(/assets/sp-loginFormBg.png) 0 0 repeat-x #FEEDC2;border:3px solid #fff;box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-mozbox-shadow:0 0 2px rgba(0,0,0,0.2);border-top-left-radius:50% 30%;border-top-right-radius:50% 30%;-webkit-border-top-left-radius:50% 30%;-webkit-border-top-right-radius:50% 30%;-moz-border-radius-topleft:50% 30%;-moz-border-radius-topright:50% 30%}#loginForm .inner{padding:50px 6% 20px}#loginForm .description{margin:0 6% 30px;font-size:18px}#loginForm .caution{margin-bottom:20px;background:url(/assets/loginFormCaution.png) 0 0 no-repeat;padding-left:35px;font-weight:bold;color:#EB6138}#loginForm form .inputHeading{font-size:20px;font-weight:bold}#loginForm form input{margin-bottom:20px}#loginForm form input.fullBox{width:96%;padding:5px 2%;height:40px;font-size:20px;border:1px solid #ccc;background:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset}#loginForm form input.smallBox{display:inline;width:31%;margin-right:3%;margin-bottom:3%;padding:2px 8px;height:40px;font-size:20px;border:2px solid #583821;background:#fff;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#loginForm form .loginCheck span{margin-left:10px}#loginForm form .submit input{width:100%;font-size:26px}#loginForm img{max-width:100%;height:auto}#loginForm.forgotForm{padding-top:130px}#topPage #container{background:none}#topPage #footer{background:none}#allTop img{max-width:100%;height:auto}#allTop #loginForm{padding-top:130px}#allTop #topHeader .siteLogo{float:none;text-align:center}#allTop #loginForm .serial{text-align:center}#allTop #loginForm .signUp,#allTop #remind #loginForm .signIn{margin-bottom:30px}#allTop #loginForm .forgot{text-align:center}#userForm .control-group.mail .inputArea .controls .fullBox,#userForm .control-group.phone .inputArea .controls .fullBox,#userForm .family_edit .control-group .inputArea .controls .halfBox{width:70%}#userForm .control-group.mail .inputArea .controls:nth-of-type(1) .fullBox,#userForm .control-group.phone .inputArea .controls:nth-of-type(1) .fullBox,#userForm .family_edit .control-group .inputArea .controls .halfBox.primary{width:96%}#userForm table td.inputArea .fullBox,#userForm table td.inputArea .halfBox{width:96%}#userForm tr td.selectArea .selectUi{width:100%}#userForm .addBtn{margin:0 auto;text-align:center}#userForm .submit .back{width:48%;float:left;text-align:right}#userForm .submit .back .spOn{display:inline}#userForm .submit .apply{width:48%;float:right}#completeForm #userForm td.inputArea label{font-size:16px}.movieBanner .detail{position:static;margin-bottom:5px;font-weight:bold;font-size:16px;color:red;width:auto;margin-left:0}.movieBanner{position:static;width:auto;height:auto;margin-bottom:30px;background:none}.movieBanner .btn{position:static}.movieBanner .btn img{max-width:100%;height:auto}.video_body #flash_body{width:640px !important;height:480px !important}.noticeMark{text-align:right}.noticeMark img{width:70%;height:auto}#mypage dl.bnrNavi dt{font-size:14px}#mypage dl.bnrNavi dd img{max-width:100%;height:auto}#mypage .myPageNav{margin:21px auto 0}#mypage .myPageNav dl{min-height:100%}#mypage .myPageNav dl+dl{margin-top:16px}#mypage .myPageNav dl dt{font-size:15px}#mypage .myPageNav dl dt .mark{display:block;width:3.4em;text-align:center}#mypage .myPageNav dl dd{font-size:14px}#mypage .myPageNav .bnrNavi{margin:16px 0}#mypage .myPageNav dl.attention{margin-top:40px;padding:14px 0 10px}#mypage .myPageNav dl.attention:before{top:-20px;right:-20px}#mypage .myPageNav dl.attention dt{top:-30px;font-size:14px}#mypage .myPageNav dl.topBanner{margin-bottom:0}#mypage .myPageNav dl.topBanner a{text-decoration:none}#mypage .myPageNav dl.topBanner a p{font-size:18px;padding:5px;margin-bottom:0}#mypage .myPageNav dl.topBanner a p small{text-decoration:underline}#emailError ul li{font-size:14px}#emailError img{max-width:100%;height:auto}#emailError .inputImgButton{max-width:100%;height:auto}#emailError form table{width:100%;margin:30px auto 10px}#emailError form table tr th{width:10%;display:table-cell;text-align:center}#emailError form table tr th img{margin-right:10px}#emailError form table tr td{width:90%}#emailError form table tr .inputArea input{width:96%}#emailError form .submit .apply{width:50%}#emailError form .submit .apply .spOn{display:inline}#emailError form .submit .notError{float:right;width:48%}#commerceTable{width:100%;margin:20px auto}#commerceTable tr th{width:30%;padding:8px 14px;font-size:14px;text-align:right;white-space:normal}#commerceTable tr td{padding:8px 14px;font-size:14px}.orderHistory table.listAll{font-size:12px}.orderHistory table.listAll td a.dlBtn{display:block;margin:0 auto;width:71%}.orderHistory table.listAll td a.dlBtn img{width:100%;height:auto}#newOrganization .formUnit{padding-top:1.25em}#newOrganization .formUnit .serial{padding:1em 0}#newOrganization .formUnit .serial input{padding:2px 7px;height:2.125em;font-size:20px}#newOrganization .formUnit .serial input+input{margin-left:5%}#newOrganization .formUnit .submit{margin-top:1.25em}#accounts #userForm table .controls{width:auto}#accounts #userForm table .addBtn{margin-top:1em;float:left;width:72%}#accounts #userForm table .removeBtn{margin:0;position:static;top:auto;right:auto;width:24%}#accounts #completeForm table .inputArea{text-align:center}#contents .cautionMessage{padding:20px 10px 20px 40px;background-size:20px 20px;font-size:12px}.frUnit{margin-top:1.25em}.frUnit .note{margin-bottom:3.5em;font-size:10px}#frFirstPage,#frUpload,#frMaster{font-size:87%}.frUnit h3{padding-left:0;padding-right:0;padding-bottom:3px;font-size:15px}#frFeed{margin-bottom:3em}#frFeed h2:after{content:"";display:block;clear:both}#frFeed h2 .imgGroup img{margin-right:1%;vertical-align:text-bottom;box-sizing:border-box;height:auto}#frFeed h2 .imgGroup.img1{width:14%}#frFeed h2 .imgGroup.img1 img{width:99%}#frFeed h2 .imgGroup.img2{width:27.5%}#frFeed h2 .imgGroup.img2 img{width:49%}#frFeed h2 .imgGroup.img3{width:41.25%}#frFeed h2 .imgGroup.img3 img{width:32%}#frFeed h2 .imgGroup.img4{width:46%}#frFeed h2 .imgGroup.img4 img{width:24%}#frFeed h2 .imgGroup.img5{width:46%}#frFeed h2 .imgGroup.img5 img{width:19%}.frUnit #renewalok,.frUnit #renewalng{font-size:14px}.frUnit .submit button,.frUnit .button{font-size:16px}.frUnit a.button{display:inline-block;padding-left:0;padding-right:0}.frUnit .backBtn,.frUnit .submit .enterBtn{font-size:16px}.feed .frUnit .itemList{margin:1em 0 0;width:100%}.feed .frUnit .itemList ul li{width:32%;margin-left:0;margin-right:0;text-align:center}.feed .frUnit .itemList ul li:nth-child(3n-1){margin:0 2% 20px}.feed .frUnit .itemList ul li .photo{position:relative;width:90%;height:0;padding-top:90%;line-height:100%}.feed .frUnit .itemList ul li .photo img{width:100%;height:100%;position:absolute;top:0;left:0}.feed .frUnit .itemList ul li .controls{margin:0}.feed .frUnit .uploader .input-file{font-size:12px}.feed .frUnit .controls button{font-size:13px;margin:5px auto 0}.feed .frUnit .masterSelect ul li{box-sizing:border-box;padding:0 11px 1.5em;width:50%}.feed .frUnit .masterSelect ul li img{width:100%;height:auto}.feed .frUnit .masterSelect ul li label{padding-left:33px}.orderHistory .orderForm table th{width:100px}}