@charset "utf-8";

html{
	font-size: 62.5%;
	overflow-y:scroll;
}
body{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.3rem;
	line-height:1.6;
}

/* Common */
.o-h{
	overflow:hidden;
}
.clear{
	clear:both;
}
ul{
	padding:0;
	list-style:none;
}
#main-contents{
	width:100%;
	padding:20px 0 50px;
}
.common-page{
	width:100%;
	color:#5b5b5b;
	box-sizing: border-box;
	padding:30px 10px 0;
}
.common-page h2{
	text-align:center;
}
.message{
	color:#f00;
	font-weight:bold;
}
.message-brown{
        color:brown;
        font-weight:bold;
}
div.description-headline{
	background-color:#f0f0f0;
	font-weight:bold;
}
div.description-subject{
	color:#f00;
	font-weight:bold;
	margin-top:0.5em;
	margin-right:0.5em;
	margin-bottom:2em;
	margin-left:0.5em;
}
div.description-contents{
	margin-top:0.5em;
	margin-right:0.5em;
	margin-bottom:2em;
	margin-left:0.5em;
}
p.description-sentence{
	margin-top:0.5em;
	margin-bottom:1em;
}
.description-sentence-bold{
	font-weight:bold;
}
li.description-list{
	margin-top:0.5em;
	margin-right:0.5em;
	margin-bottom:1em;
	margin-left:2em;
	list-style-type:disc;
}
input,button,textarea{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	appearance: button;
	border:1px solid #5b5b5b;
	box-sizing: border-box;
	cursor: pointer;
}
button{
	border:none;
	background-color:transparent;
}
input::-webkit-search-decoration,
button::-webkit-search-decoration,
textarea::-webkit-search-decoration {
  display: none;
}
input::focus,
textarea::focus {
  outline-offset: -2px;
}
button:focus {
	outline: none;
}
progress {
   -webkit-appearance: none;
}
progress::-webkit-progress-bar-value {
  -webkit-appearance: none;
  background: orangered;
}
img{
	vertical-align:top;
}
progress{
	background-color:#fff;
	border:1px solid #888;
	border-radius:10px;
	padding:2px;
}
progress::-moz-progress-bar{
	background-color:#fff;
	border-radius:10px;
}
progress::-webkit-progress-bar{
	background-color:#fff;
	border-radius:10px;
}
.sp-display-none{
	display:none;
}
.sp-display-block{
	display:block;
}
.yb-h2{
	text-align: center;
	border-bottom:3px solid #ffd32f;
}
#userpolicy h3, #privacy h3{
	font-size:1.3rem;
	margin:20px 0 5px;
}
#userpolicy p, #privacy p{
	margin:0 0 5px 0;
}
#lightcase-nav a[class*="lightcase-icon-"] {
	font-size: 4.5rem;
}
#lightcase-nav a[class*="lightcase-icon-"] {
	bottom: 40px;
}

#terms_user {
        margin-top:-60px;
        padding-top:60px;
}
#terms_point {
        margin-top:-60px;
        padding-top:60px;
}
#terms_app {
        margin-top:-60px;
        padding-top:60px;
}
#terms_website {
        margin-top:-60px;
        padding-top:60px;
}

/* Header */
header{
	width:100%;
	box-sizing:border-box;
	padding:10px;
	z-index:3;
	position:fixed;
	top:0;
	background-color:#fff;
}
header h1{
	margin:0;
	float:left;
}
header h1 img{
	height:40px;
	width:auto;
}
header #header-nav{
	padding:7px 0 0;
	float:right;
}
header #header-nav a{
	color:#000;
}
header #header-nav a#signup{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:5px 10px;
	margin-left:10px;
}

/* Top */
#top-main-area{
	color:#474747;
	width:100%;
	padding-top:60px;
	/* margin-bottom:50px; */
	margin-bottom:40px;
	text-align:center;
}
#top-main-area #top-main-img-area{
	width:100%;
	height:250px;
	margin-bottom:30px;
	background:url("../images/top-main-back.jpg") no-repeat;
	background-position:center;
	background-size:cover;
}
#top-main-area h2 img{
	max-width:90%;
	height:auto;
}
#top-main-area h3.app-banner{
	margin:0 auto 10px;
}
#top-main-contents{
	color:#474747;
}
#top-ex-area{
	background-color:#fcd635;
	padding:30px;
	margin-bottom:30px;
}
#top-ex-area .top-ex-cont{
	width:100%;
	background-color:#fff;
	border-radius:40px;
	box-sizing: border-box;
	padding:20px 30px;
}
#top-ex-area .top-ex-cont:nth-child(2){
	margin:30px 0;
}
#top-ex-area .top-ex-cont h3{
	font-weight:normal;
	font-size:1.6rem;
}
#top-ex-area .top-ex-cont img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
#top-specification-area{
	text-align:center;
	margin-bottom:30px;
}
#top-specification-area h3{
	font-size:1.8rem;
	color:#fff;
	background-color:#828282;
	padding:5px 0;
	margin:0;
}
#top-specification-area h4{
	margin:0;
}
#top-specification-area li{
	padding:10px 10px 5px;
}
#top-specification-area li:nth-child(even){
	background-color:#f0f0f0;
}
#top-dot-area{
	padding:0 10px;
	/* margin-bottom:10px; */
	margin-bottom:40px;
	text-align:center;
}
#top-dot{
	width:100%;
	height:12px;
	background:url("../images/top-dot.png") repeat-x;
	background-size: 12px auto;
}
#top-dot-area h3{
	margin:20px 20px 30px;
}
#top-dot-area h3.app-banner{
	margin:0 auto 10px;
}
#top-blog-area{
	background-color:#fffbc7;
	text-align:center;
	padding:20px 30px 30px;
}
#top-blog-area .inner{
	background-color:#fff;
	border-radius: 20px;
}
#top-blog-area h3{
	display:inline-block;
	margin:0 0 5px 0;
	font-size:2rem;
	padding-left:35px;
	background:url("../images/news.png") no-repeat;
	background-size: 26px auto;
	background-position:left 0 top 50%;
}
#top-blog-list{
	padding:20px;
	text-align:left;
}
#top-blog-list li{
	margin-bottom:10px;
}
#top-blog-list li a{
	color:#786914;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
}
#top-blog-list li a .top-blog-date{
	display:block;
	text-align:center;
	margin-right:30px;
	color:#474747;
}
#top-blog-list li a .top-blog-new{
	display:block;
	text-align:center;
	margin-right:20px;
	color:#f00;
}
#top-blog-list p{
	text-align:right;
}
#top-blog-list p a{
	color:#786914;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
}
#top-blog-list li a:hover{
	text-decoration:underline;
}
#top-blog-area p{
	text-align:center;
}
#top-blog-area p a{
	color:#786914;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
}
#top-blog-area p a:hover{
	text-decoration:underline;
}
#top-publicity-banner-area{
	color:#8b8b8b;
	text-align:center;
	padding:10px;
	font-size:1.4rem;
	max-width:1200px;
	margin:0 auto;
	margin-bottom:10px;
}
#top-publicity-banner-area li, #top-publicity-banner li{
	display:inline-block;
	margin:0 10px;
}
#top-publicity-banner-area li img{
	width:180px;
	height:60px;
}
.signup-btn{
	text-align:center;
	margin:40px 0;
}
.signup-btn a{
	font-size:2rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#fed835;
	border-radius:5px;
	padding:15px 25px;
}
#law-table{
	width:100%;
}
#law-table th{
	width:30%;
	text-align:left;
	vertical-align: top;
	padding:5px 5px 0 0;
}
#law-table td{
	vertical-align: top;
	padding:5px 0;
}
#law-table a{
        color:#8b8b8b;
        text-decoration:none;
}
#law-table a:hover{
        text-decoration:underline;
}
#cashlessimg{
        width:300px;
        height:auto;
}

/* News */
#news p{
	margin-bottom:10px;
}
#news-list-link p{
    text-align: center;
}


/* How to use */
.how-to-use-contents{
	text-align:center;
}
p.how-to-use-index-img{
	margin-bottom:2em;
}

/* Footer */
footer{
	width:100%;
	color:#8b8b8b;
	text-align:center;
	background-color:#fff;
	padding:20px 0 150px;
	font-size:1.4rem;
	position:relative;
}
footer a{
        color:#8b8b8b;
        text-decoration:none;
}
footer a:hover{
        text-decoration:underline;
}
footer.footer-library{
	padding-bottom:90px;
}
footer #footer-logo img{
	height:40px;
	width:auto;
}
#footer-sns-area{
	position:absolute;
	right:0;
	left:0;
	bottom:180px;
}
#footer-sns-area img{
	width:40px;
	height:auto;
}
footer.footer-library #footer-sns-area{
	bottom:120px;
}
#footer-sns-area li{
	display:inline-block;
	margin:0 5px;
}
#footer-nav{
	margin-bottom:90px;
}
#footer-nav li{
	margin-bottom:5px;
}
#footer-nav a{
	color:#8b8b8b;
	text-decoration:none;
}
#footer-nav a:hover{
	text-decoration:underline;
}

/* Modal Window */
.remodal{
	color:#8b8b8b;
	max-width:90%;
	border-radius:10px;
}
.remodal.remodal-input,.remodal.videos-edit-remodal,.remodal.cubes-edit-remodal{
	max-width:100%;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
	outline:none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
.remodal-close::before{
	font-size:50px;
}
.remodal h3{

	font-weight:normal;
	margin:0 0 5px 0;
}
.remodal h4{
	font-weight:normal;
	margin:0 0 30px 0;
}
.signup-title-h3{
        font-size: 1.7rem;
        font-weight:normal;
        margin:0 0 5px 0;
}
.signup-title-h4{
        font-size: 1.4rem;
        font-weight:normal;
        margin:0 0 15px 0;
}
.signup-discription{
        font-size: 1.3rem;
        font-weight:normal;
        margin:0 0 10px 0;
}
.login-discription{
        font-size: 1.3rem;
        font-weight:normal;
        margin:0 0 10px 0;
}
#signup-form, #login-form{
	//max-width:250px;
	max-width:260px;
	margin:0 auto;
}
#signup-form p, #login-form p{
	width:100%;
	line-height:2;
        margin:0 0 3px 0;
}
#sns-signup-form, #sns-login-form{
        //width:250px;
        max-width:250px;
        min-width:190px;
        margin:0 auto;
}
#sns-signup-form p, #sns-login-form p{
        width:100%;
        line-height:2;
        margin:0 0 5px 0;
}
#signup-form .signup-field input, #login-form .login-field input{
	width:100%;
	border:1px solid #959595;
}
#signup-form #signup-submit, #login-form #login-submit{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:8px;
	padding:8px 20px;
        //margin:10px 0 10px 0;
}
#signup-form #signup-submit{
        margin:5px 0 10px 0;
}
#login-form #login-submit{
        margin:15px 0 10px 0;
}
#signup-form .signup-check :invalid{
	box-shadow:none;
}
#signup-form .signup-check a{
	color:#7f681f;
	text-decoration:none;
}
#signup-form .signup-check a:hover, .login-form-link a:hover{
        text-decoration:underline;
}
#signup-form .signup-attention{
        color:#ff0000;
        font-weight:bold;
        font-size:1.2rem;
        line-height:1.4;
}
#signup-form .invitation-code-attention{
        font-weight:bold;
        font-size:1.2rem;
        line-height:1.4;
}
#sns-signup-form .sns-signup-check :invalid{
        box-shadow:none;
}
#sns-signup-form .sns-signup-check{
        font-size:1.2rem;
        line-height:1.3;
        margin:0 0 5px 0;
}
#sns-signup-form .sns-signup-check a{
        color:#7f681f;
        text-decoration:none;
}
#sns-signup-form .sns-signup-check a:hover, .login-form-link a:hover{
        text-decoration:underline;
}
#sns-signup-form .sns-signup-attention{
        color:#ff0000;
        font-weight:bold;
        font-size:1.2rem;
        line-height:1.4;
}
#sns-signup-form .sns-invitation-code-attention{
        font-weight:bold;
        font-size:1.2rem;
        line-height:1.4;
}
.login-form-link{
        margin:10px 0 0 0;
        font-size:1.3rem;
}
.login-form-link a{
	color:#8b8b8b;
	text-decoration:none;
}
.sb-slidebar{
	background-color:#fff;
}

/* Inquiry & Reset */
#inquiry form,#reset-form,#resendmail-form{
	width:100%;
}
#inquiry input,#inquiry textarea,#reset-form input,#resendmail-form input{
	box-sizing: border-box;
	width:100%;
}
#inquiry textarea{
	height:100px;
}
#inquiry input#inquiry-submit-btn,#reset-form #reset-submit,#resendmail-form #resendmail-submit{
	width:100px;
	color:#fff;
	background-color:#5b5b5b;
	border:none;
	border-radius:5px;
	padding:10px;
}
#inquiry-submit,#reset-form #reset-submit-area,#resendmail-form #resendmail-submit-area{
	text-align: center;
}
#reset-form #reset-submit-area{
	margin-top:30px;
}
#resendmail-form #resendmail-submit-area{
	margin-top:30px;
}

/* Mypage Common */
#mypage-main-contents{
	color:#5b5b5b;
	min-height:500px;
	padding:60px 10px 30px;
}
#pc-mypage-nav{
	display:none;
}
#sp-mypage-nav{
	float:right;
}
#sp-mypage-nav p{
	margin:0;
}
#sp-mypage-nav p img{
	height:40px;
	width:auto;
}
.mypage-side-nav{
	color:#5b5b5b;
	padding-left:20px;
	height:100%;
	box-shadow:-3px 0px 4px -2px #ccc;
}
.mypage-side-nav li img{
	height:40px;
	width:auto;
}
.mypage-side-nav li span{
	vertical-align:top;
	line-height:40px;
	margin-left:20px;
}
.mypage-side-nav li a{
	color:#5b5b5b;
	text-decoration:none;
	display:block;
	padding:5px 0;
}
hr.side-nav-hr{
	border:none;
	border-top:1px solid #ccc;
	margin:0 20px 10px 0;
}
#footer-fixed-nav{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:9000;
	background-color:#fff;
	padding-top:2px;
}
#footer-fixed-nav ul{
	margin:0;
}
#footer-fixed-nav li{
	width:20%;
	text-align:center;
	background-color:#c9c9c9;
	display:inline-block;
	margin:0;
}
#footer-fixed-nav li:nth-child(2),
#footer-fixed-nav li:nth-child(3)
{
	box-sizing:border-box;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#footer-fixed-nav li:nth-child(4){
	box-sizing:border-box;
	border-right:1px solid #fff;
}
#footer-fixed-nav li.ffn-current{
	background-color:#fdd733;
}
#footer-fixed-nav li a{
	width:100%;
	display:inline-block;
	padding:15px 0;
}
#footer-fixed-nav li img{
	height:40px;
	width:auto;
}
.avatar-area{
	width:40px;
	height:40px;
	text-align:center;
	position:relative;
}
.avatar-area img{
	max-width:40px;
	max-height:40px;
	padding:5px 0;
	display:block;
	position: absolute;
	bottom:0;
}
.avatar-area.left,#nav-user-name.left{
	float:left;
}
#pop-caution-img img{
	width:100%;
	height:auto;
}
#card-info{
	font-size:1.2rem;
}
#card-info img{
	width:80%;
	height:auto;
}

/* Movie Library */
#nav-welcome-logo {
	width:100%;
	height:350px;
	background:url(../images/welcome-logo.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#nav-welcome-dvd {
	float: left;
	width:50%;
	height:200px;
	background:url(../images/welcome-dvd.png) no-repeat;
	background-position:right 0 top 0;
	background-size:contain;
}
#nav-welcome-edit-request{
	float: right;
	width:50%;
	height:200px;
	background:url(../images/welcome-edit-request.png) no-repeat;
	background-size:contain;
}
#nav-welcome-cube{
	float: right;
	width:50%;
	height:200px;
	background:url(../images/welcome-cube.png) no-repeat;
	background-size:contain;
}
#nav-welcome-cube-long{
	width:100%;
	height:100px;
	background:url(../images/welcome-cube-long.png) no-repeat;
	background-size:contain;
	background-position: center;
}
#nav-movie-library{
	width:100%;
	height:500px;
	background:url(../images/sp-nav-movie.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#movie-library-list{
	margin:20px 0;
}
#movie-library-list li{
	display:inline-block;
	width:31%;
	margin:0 1% 5px;
}
#movie-library-list li img{
	width:100%;
	height:auto;
}
.inline-video{
	width:100%;
	height:100%;
	text-align:center;
}
.inline-video video,.videos-edit-remodal video{
	max-height:60%;
	max-width:100%;
}
.videos-edit-remodal input,.videos-edit-remodal textarea{
	width:90%;
}
.videos-edit-remodal textarea{
	height:80px;
}
.inline-video .img-btn, .inline-video button:not(.flickity-button),.videos-edit-remodal .img-btn,.videos-edit-remodal button{
	height:40px;
	margin:0 5px 0;
	width:auto;
}
.remodal.videos-edit-remodal{
	width:100%;
}
.list-comment{
	margin-bottom:30px;
}

/* common thumbnail status position */
.thumbnailPos{
	position:relative;
}
.statusPos{
	position: absolute;
	right: 1px;
	top: 1px;
	//left: 1px;
	//top: 20px;
	font-size: 12px;
	color: #fff;
	background:rgba(0,0,0,0.3); /* 帯の透明度 */
}
.statusPosInDisc{
	position: absolute;
	//left: 1px;
	right: 1px;
	top: 20px;
	font-size: 12px;
	color: #fff;
	background:rgba(0,0,0,0.3); /* 帯の透明度 */
}
.limitPos{
	position: absolute;
	left: 1px;
	top: 1px;
	font-size: 12px;
	color: #fff;
	background:rgba(0,0,0,0.3); /* 帯の透明度 */
}
.typePos{
	position: absolute;
	left: 3px;
	bottom: 1px;
	width:21px;
	height:21px;
	background:rgba(0,0,0,0.0); /* 帯の透明度 */
}
.timePos{
	position: absolute;
	right: 1px;
	bottom: 1px;
	font-size: 12px;
	color: #fff;
	background:rgba(0,0,0,0.3); /* 帯の透明度 */
}

/* Upload */
#nav-upload{
	width:100%;
	height:500px;
	background:url(../images/sp-nav-upload.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#nav-photo-upload{
	width:100%;
	height:500px;
	background:url(../images/sp-nav-upload50.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#upload-form,
#slideshow-upload-form{
	padding-top:50px;
	text-align:center;
	//margin-bottom:50px;
	margin-bottom:20px;
}
#upload-form input[type="file"] ,
#slideshow-upload-form input[type="file"] {
  display: none;
}
#upload-form button img,
#slideshow-upload-form button img{
	width:200px;
	height:auto;
}
.over-capacity-link a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:10px;
	margin-bottom:5px;
	width:200px;
}
#upload-edit-attention{
        font-weight:bold;
        text-align:left;
        font-size:1.4rem;
}

/* Disc Library */
#nav-new-disc{
	margin-top:20px;
	width:100%;
	height:300px;
	background:url(../images/sp-nav-newdisc.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#nav-new-disc-edit{
        margin-top:20px;
        width:100%;
        height:300px;
        background:url(../images/sp-nav-newdisc-edit.png) no-repeat;
        background-position:right 50% top 0;
        background-size:contain;
}
#nav-sp-order{
	margin-top:20px;
	width:100%;
	height:300px;
	background:url(../images/sp-nav-order.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#nav-sp-order-edit{
        margin-top:20px;
        width:100%;
        height:300px;
        background:url(../images/sp-nav-order-edit.png) no-repeat;
        background-position:right 50% top 0;
        background-size:contain;
}
#disc-library-header{
	padding:10px 10px 20px;
	border-bottom:1px solid #929292;
}
#disc-library #new-disc-link{
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
	line-height:80px;
	padding-left:90px;
	color:#5b5b5b;
	text-decoration:none;
	background:url("../images/not-selected.png") no-repeat;
	background-size:80px;
}
#disc-library #order-disc-link,#disc-library #disc-order-btn{
	display:none;
}
#disc-library #disc-list{
	margin:0;
}
#sp-order-disc-link img{
	width:100%;
	height:auto;
}
#sp-disc-order-btn #disc-edit-order,#sp-disc-add-fixed #disc-edit-post,#sp-disc-add-fixed #disc-new-post{
	font-size:1.8rem;
	text-align:center;
	width:100%;
	color:#fff;
	text-decoration:none;
	background-color:#ff8327;
	padding:20px 0;
	border:none;
}
#sp-disc-order-btn{
	margin:0;
}
#disc-list li{
	padding:20px 10px;
	border-bottom:1px solid #929292;
	position:relative;
	background:url(../images/disclibrary-arrow.png) no-repeat;
	background-position:right 0 top 50%;
	background-size:auto 30px;
}
#disc-list li.order-disc-list{
	background:url(../images/arrow.png) no-repeat;
	background-position:right 0px top 50%;
	background-size:auto 30px;	
}
#disc-list li .disc-list-switch{
	width:100%;
	height:100%;
	position:absolute;
	padding-right:250px;
	top:0;
	right:-250px;
}
#disc-list li .disc-list-menu{
	width:250px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/disclibrary-arrow-w.png) no-repeat;
	background-position:left 20px top 50%;
	background-size:auto 30px;
	background-color:#ffd32f;
}
#disc-list li .disc-list-menu img{
	height:50px;
	width:auto;
}
#disc-list li .disc-list-menu a{
	position:absolute;
	top:35px;
	left:80px;
}
#disc-list li .disc-list-menu button{
	position:absolute;
	top:35px;
	left:150px;
}
#disc-library #disc-list li h2{
	font-size:1.7rem;
	margin:0;
}
#disc-library #disc-list li p{
	margin:0;
}
#disc-list .order-disc-list a{
	text-decoration:none;
	color:#5b5b5b;
	display:block;
	width:100%;
	height:100%;
}
#disc-list .disc-list-thumbnail,#disc-library #disc-thumbnail{
	width:80px;
	height:80px;
	margin-right:10px;
	background:url("../images/disc-thumbnail.png") no-repeat;
	background-size:80px;
	float:left;
}
#order-disc-thumbnail{
	width:80px;
	height:80px;
	background:url("../images/disc-thumbnail.png") no-repeat;
	background-size:80px;
}
#disc-list .disc-list-thumbnail img,#disc-library #disc-thumbnail img,#order-disc-thumbnail img{
	width:50%;
	height:auto;
	box-sizing: border-box;
}
#disc-list .disc-list-thumbnail img:first-child,#disc-library #disc-thumbnail img:first-child,#order-disc-thumbnail img:first-child{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#disc-list .disc-list-thumbnail img:nth-child(2),#disc-library #disc-thumbnail img:nth-child(2),#order-disc-thumbnail img:nth-child(2){
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
#disc-list .disc-list-thumbnail img:nth-child(3),#disc-library #disc-thumbnail img:nth-child(3),#order-disc-thumbnail img:nth-child(3){
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}
#disc-list .disc-list-thumbnail img:nth-child(4),#disc-library #disc-thumbnail img:nth-child(4),#order-disc-thumbnail img:nth-child(4){
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
#disc-library-header{
	padding:10px;
	border-bottom:1px solid #929292;
}
#disc-library-header .right,#videos-list-header .right{
	float:right;
}
#disc-library-header img{
	width:35px;
	height:auto;
}
#disc-title-area{
	padding:10px;
	margin-bottom:10px;
}
.disc-attention{
       color:brown;
}
.point-expire-notice{
        margin:0;
        //text-align:center;
}
.point-expire-notice span{
        color:#f00;
        font-size:1.6rem;
}

#edit-request-type-area{
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #929292;
}
#edit-request-type-area{
	padding:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #929292;
}
#edit-request-type-area .edit-request-type-list {
	margin:10px 0;
}
#edit-request-type-area .edit-request-type-list li {
	list-style: none;
	display: inline;
	margin-right: 10px;
}
#edit-request-type-area .edit-request-type-list li input[type="radio"] {
	cursor: pointer;
}
#edit-request-type-area .edit-request-type-list li label {
	cursor: pointer;
	white-space: nowrap;
}
#edit-request-type-area .edit-request-type-list li span {
	margin-left: 5px;
}
#edit-request-type-area textarea {
	margin-top:10px;
	width: 100%;
}
#edit-request-notice-area ul {
	margin: 5px 0;
}
#show-template-movie {
	display: inline-block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: none;
	background-color: #fad433;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 0 0 10px 0;
}
.not-sortable {
	margin: 0 10px;
}

#disc-title-area .left{
	float:left;
}
#disc-title-area #disc-title{
	width:150px;
}
#disc-title-area #disc-delete-btn{
	margin:15px 0 0;
}
#disc-new-table th{
	padding:5px 10px;
}
#disc-new-table th img{
	width:80px;
	height:auto;
}
.disc-new-library{
	padding:10px 10px 100px 10px;
	width:100%;
}
.pc-btn{
	display:none;
}
#videos-list-header{
	margin-bottom:30px;
}
#videos-list-header img{
	width:35px;
	height:auto;
}
#videos-list li{
	display:inline-block;
	width:31%;
	margin:0 1% 5px;
}
#videos-list li img{
	width:100%;
	height:auto;
}
#videos-list li .videos-box{
	position:relative;
	display:inline-block;
	cursor:pointer;
}
#videos-list li .videos-box .input-check-area{
	margin:0;
	padding:0;
	position:absolute;
	top:4px;
	right:5px;
	z-index:3;
}
#videos-list li .videos-box input{
	transform: scale(1.5);
	background-color:#fff;
}
.video-add-btn{
	margin-top:20px;
}
.video-add-btn img{
	width:120px;
	height:auto;
}
#disc-edit-list{
	border-collapse: collapse;
}
#disc-edit-list .td-move{
	padding:0 15px;
}
#disc-edit-list .td-thumbnail,#disc-view-list .td-thumbnail{
	width:80px;
	padding:10px 0;
}
#disc-edit-list .td-thumbnail img,#disc-view-list .td-thumbnail img{
	width:80px;
	height:auto;
}
#disc-view-list .td-thumbnail{
	padding:9px;
}
#disc-edit-list .td-input-text{
	padding:0 5px;
}
#disc-edit-list .td-input-text input{
	width:120px;
}
#disc-edit-list .td-delete img{
	width:30px;
	height:auto;
}
#disc-edit-list .td-not-selected{
	padding:0 5px;
}
#disc-edit-list .ui-sortable-helper{
	opacity:0 !important;
}
#disc-edit-list .sortable-placeholder{
	border:1px dashed #aaa;
	height:80px;
}
#disc-edit-list .sortable-placeholder td:nth-child(3){
	background:url(../images/sort-ex.png) no-repeat;
	background-position:right 0 top 50%;
	background-size:120px auto;
}
.sort-move{
	cursor:move;
	width:20px;
	height:auto;
}
#disc-order-header{
	text-align:center;
}
#disc-order-header .right{
	float:right;
}
#disc-order-header .disc-order-cancel img{
	width:35px;
	height:auto;
}
#disc-order-header h3{
	color:#fff;
	background-color:#ff8327;
	padding:10px;
}
#recording-duration{
	margin:0;
	float:left;
}
#disc-library-fixed-area{
	width:100%;
	background-color:#f00;
	position:fixed;
	bottom:100px;
}
#sp-disc-add-fixed{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:11000;
}
#free-notice{
	margin:0;
}
#free-notice span{
	color:#f00;
	font-size:1.8rem;
}


/* Cube Library */
#nav-new-cube{
	margin-top:20px;
	width:100%;
	height:300px;
	background:url(../images/sp-nav-newcube.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#nav-sp-cube-order{
	margin-top:20px;
	width:100%;
	height:300px;
	background:url(../images/sp-nav-cube.png) no-repeat;
	background-position:right 50% top 0;
	background-size:contain;
}
#cube-library-header{
	padding:10px 10px 20px;
	border-bottom:1px solid #929292;
}
#cube-library #new-cube-link{
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
	line-height:80px;
	padding-left:90px;
	color:#5b5b5b;
	text-decoration:none;
	background:url("../images/not-selected.png") no-repeat;
	background-size:80px;
}
#cube-library #order-cube-link,#cube-library #cube-order-btn{
	display:none;
}
#cube-library #cube-list{
	margin:0;
}
#sp-order-cube-link img{
	width:100%;
	height:auto;
}
#sp-cube-order-btn #cube-edit-order,#sp-cube-add-fixed #cube-edit-post,#sp-cube-add-fixed #cube-new-post{
	font-size:1.8rem;
	text-align:center;
	width:100%;
	color:#fff;
	text-decoration:none;
	background-color:#ff8327;
	padding:20px 0;
	border:none;
}
#sp-cube-order-btn{
	margin:0;
}
#cube-list li{
	padding:20px 10px;
	border-bottom:1px solid #929292;
	position:relative;
	background:url(../images/cubelibrary-arrow.png) no-repeat;
	background-position:right 0 top 50%;
	background-size:auto 30px;
}
#cube-list li.order-cube-list{
	background:url(../images/arrow.png) no-repeat;
	background-position:right 0px top 50%;
	background-size:auto 30px;	
}
#cube-list li .cube-list-switch{
	width:100%;
	height:100%;
	position:absolute;
	padding-right:250px;
	top:0;
	right:-250px;
}
#cube-list li .cube-list-menu{
	width:250px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/cubelibrary-arrow-w.png) no-repeat;
	background-position:left 20px top 50%;
	background-size:auto 30px;
	background-color:#ffd32f;
}
#cube-list li .cube-list-menu img{
	height:50px;
	width:auto;
}
#cube-list li .cube-list-menu a{
	position:absolute;
	top:35px;
	left:80px;
}
#cube-list li .cube-list-menu button{
	position:absolute;
	top:35px;
	left:150px;
}
#cube-library #cube-list li h2{
	font-size:1.7rem;
	margin:0;
}
#cube-library #cube-list li p{
	margin:0;
}
#cube-list .order-cube-list a{
	text-decoration:none;
	color:#5b5b5b;
	display:block;
	width:100%;
	height:100%;
}
#cube-list .cube-list-thumbnail,#cube-library #cube-thumbnail{
	width:80px;
	height:80px;
	margin-right:10px;
	background-size:80px;
	float:left;
}
#order-cube-thumbnail{
	width:80px;
	height:80px;
	background-size:80px;
}
#cube-list .cube-list-thumbnail img,#cube-library #cube-thumbnail img,#order-cube-thumbnail img{
	width:100%;
	height:auto;
	box-sizing: border-box;
}
#cube-list .cube-list-thumbnail img:first-child,#cube-library #cube-thumbnail img:first-child,#order-cube-thumbnail img:first-child{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#cube-list .cube-list-thumbnail img:nth-child(2),#cube-library #cube-thumbnail img:nth-child(2),#order-cube-thumbnail img:nth-child(2){
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
#cube-list .cube-list-thumbnail img:nth-child(3),#cube-library #cube-thumbnail img:nth-child(3),#order-cube-thumbnail img:nth-child(3){
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}
#cube-list .cube-list-thumbnail img:nth-child(4),#cube-library #cube-thumbnail img:nth-child(4),#order-cube-thumbnail img:nth-child(4){
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
#cube-library-header{
	padding:10px;
	border-bottom:1px solid #929292;
}
#cube-library-header .right,#videos-list-header .right{
	float:right;
}
#cube-library-header img{
	width:35px;
	height:auto;
}
#cube-title-area{
	padding:10px;
	margin-bottom:10px;
}
#cube-title-area .left{
	float:left;
}
#cube-title-area #cube-title{
	width:150px;
}
#cube-title-area #cube-delete-btn{
	margin:15px 0 0;
}
#cube-new-table th{
	padding:5px 10px;
}
#cube-new-table th img{
	width:80px;
	height:auto;
}
.cube-new-library{
	padding:10px 10px 100px 10px;
	width:100%;
}
#photos-list-header{
	margin-bottom:30px;
}
#photos-list-header img{
	width:35px;
	height:auto;
}
#photos-list li{
	display:inline-block;
	width:31%;
	margin:0 1% 5px;
}
#photos-list li img{
	width:100%;
	height:auto;
}
#photos-list li .photos-box{
	position:relative;
	display:inline-block;
	cursor:pointer;
}
#photos-list li .photos-box .input-check-area{
	margin:0;
	padding:0;
	position:absolute;
	top:4px;
	right:5px;
	z-index:3;
}
#photos-list li .photos-box input{
	transform: scale(1.5);
	background-color:#fff;
}
.photo-add-btn{
	margin-top:20px;
}
.photo-add-btn img{
	width:120px;
	height:auto;
}
#cube-edit-list{
	border-collapse: collapse;
}
#cube-edit-list .td-move{
	padding:0 15px;
}
#cube-edit-list .td-thumbnail,#cube-view-list .td-thumbnail{
	width:80px;
	padding:10px 0;
}
#cube-edit-list .td-thumbnail img,#cube-view-list .td-thumbnail img{
	width:80px;
	height:auto;
}
#cube-view-list .td-thumbnail{
	padding:9px;
}
#cube-edit-list .td-input-text{
	padding:0 5px;
}
#cube-edit-list .td-input-text input{
	width:120px;
}
#cube-edit-list .td-delete img{
	width:30px;
	height:auto;
}
#cube-edit-list .td-not-selected{
	padding:0;
}
#cube-edit-list .ui-sortable-helper{
	opacity:0 !important;
}
#cube-edit-list .sortable-placeholder{
	border:1px dashed #aaa;
	height:80px;
}
#cube-edit-list .sortable-placeholder td:nth-child(3){
	background:url(../images/sort-ex.png) no-repeat;
	background-position:right 0 top 50%;
	background-size:120px auto;
}
#cube-order-header{
	text-align:center;
}
#cube-order-header .right{
	float:right;
}
#cube-order-header .cube-order-cancel img{
	width:35px;
	height:auto;
}
#cube-order-header h3{
	color:#fff;
	background-color:#5ED1D1;
	padding:10px;
}
#cube-library-fixed-area{
	width:100%;
	background-color:#f00;
	position:fixed;
	bottom:100px;
}
#sp-cube-add-fixed{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:11000;
}
.cubes-edit-remodal img{
	max-width:100%;
	height: auto;
}
.cubes-edit-remodal input,.cubes-edit-remodal textarea{
	//width:90%;
	width:80%;
        vertical-align: middle;
}
.cubes-edit-remodal textarea{
	height:80px;
        vertical-align: middle;
}
.cubes-edit-remodal .img-btn,.cubes-edit-remodal button{
	height:40px;
	//margin:0 5px 0;
	margin:0 0 0 2px;
	width:auto;
        vertical-align: middle;
}
.remodal.cubes-edit-remodal{
	/*width:100%;*/
	width:500px;
}
.cubeinfo-frame-wrapper {
	position: relative;
	z-index: 2;
}
.cubeinfo-img-wrapper {
	float: right;
	position: relative;
	z-index: 1;
	margin-top: -420px;
	margin-right: 5px;
	width: 335px;
}
.cubeinfo-undertitle-wrapper {
	position: relative;
	z-index: 2;
	margin-top: -60px;
	margin-bottom: 60px;
	font-style: italic;
}
.cubeinfo-bottomtitle-wrapper {
	position: relative;
	z-index: 2;
	margin-top: -55px;
	margin-bottom: 60px;
	font-style: italic;
}
.cubeinfo-undertitle-wrapper {
	position: relative;
	z-index: 2;
	margin-top: -150px;
	margin-left: 80px;
	margin-bottom: 130px;
	font-style: italic;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
}
.cubeinfo-notice-wrapper {
	display: block;
	text-align: left;
}

p.cubeinfo-field {
	margin: 0 0 10px 0;
}
.title-notice-container {
	margin: 10px 0 0 0;
}
.title-print-container {
	display: flex;
}
.title-print-image {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}
.title-print-content {
	margin-left: 10px;
}
.title-print-content p.title-print-title {
	margin: 5px 0 0 0;
	text-align: left;
	font-weight: 400;
	font-size: 18px;
	text-align: left;
}
.title-print-content p.title-print-info {
	font-size: 14px;
	text-align: left;
}
@media (max-width: 520px) {
	.remodal.cubes-edit-remodal{
		width:400px;
	}
	.cubeinfo-img-wrapper {
		margin-top: -325px;
		margin-right: 5px;
		width: 255px;
	}
	.cubeinfo-bottomtitle-wrapper {
		margin-top: -45px;
		margin-bottom: 45px;
	}
	.cubeinfo-undertitle-wrapper {
		margin-top: -120px;
		margin-left: 60px;
		margin-bottom: 100px;
	}
	.cubeinfo-notice-wrapper {
		font-size: 12px;
	}
}
@media (max-width: 420px) {
	.remodal.cubes-edit-remodal{
		width:300px;
	}
	.cubeinfo-img-wrapper {
		margin-top: -225px;
		margin-right: 5px;
		width: 180px;
	}
	.cubeinfo-bottomtitle-wrapper {
		margin-top: -35px;
		margin-bottom: 35px;
	}
	.cubeinfo-undertitle-wrapper {
		margin-top: -90px;
		margin-left: 40px;
		margin-bottom: 70px;
	}
	.cubeinfo-notice-wrapper {
		font-size: 12px;
	}
}
@media (max-width: 320px) {
	.remodal.cubes-edit-remodal{
		width:250px;
	}
	.cubeinfo-img-wrapper {
		margin-top: -176px;
		margin-right: 4px;
		width: 140px;
	}
	.cubeinfo-bottomtitle-wrapper {
		margin-top: -28px;
		margin-bottom: 28px;
	}
	.cubeinfo-undertitle-wrapper {
		margin-top: -80px;
		margin-left: 35px;
		margin-bottom: 60px;
	}
	.cubeinfo-notice-wrapper {
		font-size: 10px;
	}
}
@media (max-width: 270px) {
	.remodal.cubes-edit-remodal{
		width:200px;
	}
	.cubeinfo-img-wrapper {
		margin-top: -127px;
		margin-right: 3px;
		width: 100px;
	}
	.cubeinfo-bottomtitle-wrapper {
		margin-top: -22px;
		margin-bottom: 22px;
		font-size: 10px;
	}
	.cubeinfo-undertitle-wrapper {
		margin-top: -60px;
		margin-left: 25px;
		margin-bottom: 60px;
		font-size: 10px;
	}
	.cubeinfo-notice-wrapper {
		font-size: 10px;
	}
}
@media (max-width: 220px) {
	.remodal.cubes-edit-remodal{
		width:100%;
	}
	.cubeinfo-frame-wrapper {
		display: none;
	}
	.cubeinfo-img-wrapper {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}
	.cubeinfo-bottomtitle-wrapper {
		display: none;
	}
	.cubeinfo-undertitle-wrapper {
		display: none;
	}
	.cubeinfo-notice-wrapper {
		display: none;
	}
}

/* User */
#user-page{
	width:100%;
	text-align:center;
}
#user-page h2{
	display:inline-block;
	padding:20px 0;
	margin-bottom:30px;
}
#user-edit-link{
	float:right;
	margin-right:20px;
}
#user-avatar{
	margin-bottom:30px;
}
#user-avatar img{
	width:200px;
	height:auto;
}
#user-avatar #user-f-avatar{
	margin:20px 0;
}
#user-info-table{
	width:100%;
}
#user-info-table th{
	font-weight:normal;
	vertical-align: top;
	text-align:right;
	padding-right: 15px;
	width:105px;
}
#user-info-table td{
	font-weight:bold;
	text-align:left;
	padding-bottom:20px;
	word-break:break-all;
}
#user-info-table td p{
	margin:0 0 5px;
}
#user-info-table .user-info-small{
	font-size:1.2rem;
	font-weight:normal;
}
#user-info-table #plan-change-link{
	display:inline-block;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:12px 0;
	width:130px;
	text-align:center;
}
#user-info-table #point-expiry-link{
        display:inline-block;
        color:#fff;
        font-weight:normal;
        text-decoration:none;
        border:none;
        background-color:#5b5b5b;
        border-radius:5px;
        padding:12px 0;
        margin:20px 0 0 0;
        width:150px;
        text-align:center;
}
#user-info-table #point-expected-link{
        display:inline-block;
        color:#fff;
        font-weight:normal;
        text-decoration:none;
        border:none;
        background-color:#5b5b5b;
        border-radius:5px;
        padding:12px 0;
        margin:10px 0 0 0;
        width:150px;
        text-align:center;
}
#user-info-table #point-history-link{
        display:inline-block;
        color:#fff;
        font-weight:normal;
        text-decoration:none;
        border:none;
        background-color:#5b5b5b;
        border-radius:5px;
        padding:12px 0;
        margin:10px 0 20px 0;
        width:150px;
        text-align:center;
}
#user-info-table #order-history-link{
        display:inline-block;
        color:#fff;
        font-weight:normal;
        text-decoration:none;
        border:none;
        background-color:#FCD333;
        border-radius:5px;
        padding:12px 0;
        width:130px;
        text-align:center;
}
#user-edit-submit,#user-edit-btn a{
	font-size:1.8rem;
	display:inline-block;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:12px 0;
	width:120px;
	text-align:center;	
}
#user-info-table td input{
	width:180px;
}
#user-edit-btn .left{
	float:left;
}
#user-edit-btn .right{
	float:right;
}
#user-info-table .delete-td img{
        width:20px;
        height:auto;
}

#user-revoke-page{
        width:90%;
        margin:0 auto;
        text-align:center;
}
#user-revoke-page h2{
        display:inline-block;
        padding:20px 0;
        margin-bottom:30px;
}
#revokecontents{
        text-align:left;
}
#user-revoke-table{
        width:90%;
}
#user-revoke-table th{
        font-weight:normal;
        vertical-align: top;
        text-align:right;
        padding-right: 20px;
}
#user-revoke-table td{
        font-weight:bold;
        text-align:left;
        padding-bottom:15px;
        word-break:break-all;
}
#user-revoke-table td p{
        margin:0 0 5px;
}
#user-revoke-submit,#user-revoke-btn a{
        font-size:1.6rem;
        display:inline-block;
        color:#fff;
        font-weight:normal;
        text-decoration:none;
        border:none;
        background-color:#5b5b5b;
        border-radius:5px;
        padding:12px 0;
        width:200px;
        text-align:center;
}
#user-revoke-btn .left{
        float:left;
}
#user-revoke-btn .right{
        float:right;
}


/* Point */
#point-history-header,
#point-expiry-header,
#point-expected-header{
	text-align:center;
}
.point-history-list-item ,
.point-expiry-list-item ,
.point-expected-list-item {
	overflow:hidden;
}
.point-history-list-info.left ,
.point-expected-list-info.left ,
.point-expiry-list-info.left {
	float: left;
}
.point-history-list-info.right ,
.point-expiry-list-info.right {
	float: right;
	margin-top: 15px;
}
.point-expected-list-info.right {
	float: right;
}
#point-history #point-history-list,
#point-expiry #point-expiry-list,
#point-expected #point-expected-list{
	margin:0;
}
#point-history #point-history-list li h2,
#point-expiry #point-expiry-list li h2,
#point-expected #point-expected-list li h2{
	font-size:2rem;
	margin-bottom:5px;
}
#point-history-list li,
#point-expiry-list li,
#point-expected-list li{
	padding:20px;
	border-bottom:1px solid #929292;
	position:relative;
}
#point-history-list li.nodata,
#point-expiry-list li.nodata,
#point-expected-list li.nodata{
	border-bottom:none;
}
#point-history-list .point-history-list-info h2,
#point-expiry-list .point-expiry-list-info h2,
#point-expected-list .point-expected-list-info h2{
	margin:0 0 10px 0;
}
#point-history-list .point-history-list-info p,
#point-expiry-list .point-expiry-list-info p,
#point-expected-list .point-expected-list-info p{
	margin:0;
}

/* OrderHistory */
#order-history-header{
        text-align:center;
}
.order-history-list-item {
        overflow:hidden;
}
.order-history-list-info.left {
        float: left;
}
.order-history-list-info.right{
        float: right;
        margin-top: 15px;
}
.order-expected-list-info.right {
        float: right;
}
#order-history #order-history-list{
        margin:0;
}
#order-history #order-history-list li h2{
        font-size:2rem;
        margin-bottom:5px;
}
#order-history-list li{
        padding:20px;
        border-bottom:1px solid #929292;
        position:relative;
}
#order-history-list li.nodata{
        border-bottom:none;
}
#order-history-list .order-history-list-info h2{
        margin:0 0 10px 0;
}
#order-history-list .order-history-list-info p{
        margin:0;
}

/* Plan */
#plan-change,#plan-confirm{
	width:100%;
	text-align:center;
}
#plan-now{
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px solid #5b5b5b;
}
#plan-now span{
	font-size:1.4rem;
	font-weight:normal;
	margin-right:20px;
}
#plan-change-btn{
	font-size:1.4rem;
	margin:30px 0;
}
#plan-change-submit,#plan-change-btn a,#plan-pay-btn a,#plan-regist-submit,#plan-confirm-submit,#plan-confirm-btn a{
	font-size:1.8rem;
	display:inline-block;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:12px 0;
	width:120px;
	text-align:center;
}
#plan-change-form #plan-change-submit{
	background-color:#ccc;
}
#plan-change-btn .left,#plan-pay-btn .left,#plan-confirm-btn .left{
	float:left;
}
#plan-change-btn .right,#plan-pay-btn .right,#plan-confirm-btn .right{
	float:right;
}
#plan-change #plan-pay-table,#plan-confirm-table{
	width:100%;
}
#plan-confirm-table{
	border-collapse:collapse;
	margin-bottom:30px;
}
#plan-confirm-table th h2,#plan-confirm-table th h3{
	font-size:2rem;
	text-align:center;
	padding-top:20px;
}
#plan-pay-table th,#plan-confirm-table th{
	font-weight:normal;
	text-align:right;
	padding-right:10px;
}
#plan-pay-table td,#plan-confirm-table td{
	font-weight:bold;
	text-align:left;
}
#plan-confirm-table .plan-conf-tax th,#plan-confirm-table .plan-conf-tax td{
	font-size:2rem;
	font-weight:bold;
	color:#f00;
}
#plan-confirm-table .plan-conf-tax td{
	text-align:right;
	padding-right:50px;
}
#plan-card-change-link{
	margin-bottom:30px;
}
#plan-card-change-link a{
	display:block;
	font-size:1.8rem;
	color:#5b5b5b;
	padding:5px 0;
	text-decoration:none;
	border:1px solid #5b5b5b;
	background:url("../images/arrow.png") no-repeat;
	background-position:right 10px top 50%;
	background-size:auto 15px;
}
#plan-change-form,#plan-regist-form,#user-card-change-form{
	font-size:1.8rem;
	text-align:left;
}
#card-form-border input{
	width:100%;
}
#card-form-border #card-month,#card-form-border #card-year,#card-form-border #card-code{
	width:120px;
	margin-right:10px;
}
#card-form-border{
	border:1px solid #bbb;
	padding:10px 30px;
	margin-bottom:30px;
}
.plan-conf-border{
	border:1px solid #aaa;
}

/* Order */
#order-step1,#address-new,#order-step2{
	width:100%;
	text-align:center;
}
#order-step1 #address-table{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
}
#order-step1 #address-table tr{
	background-color:#f5e6ab;
	border:1px solid #929292;
}
#order-step1 #address-table .check-td{
	padding:0 20px;
}
#order-step1 #address-table .address-td{
	text-align:left;
	word-break:break-all;
}
#order-step1 #address-table p{
	margin:0;
}
#order-step1 #address-table .address-td-name{
	font-size:1.6rem;
}
#order-step1 #address-table .address-td-zip{
	font-size:1.1rem;
}
#order-step1 #address-table .delete-td img{
	width:30px;
	height:auto;
}
#new-address-link,#order-card-change-link,#order-card-link a{
	display:inline-block;
	font-size:1.8rem;
	color:#5b5b5b;
	padding:10px 50px;
	text-decoration:none;
	border:1px solid #5b5b5b;
	background:url("../images/arrow.png") no-repeat;
	background-position:right 10px top 50%;
	background-size:auto 15px;
	margin-bottom:20px;
}
#new-address-link{
	padding:10px 0;
	width:100%;
	margin:5px 0 25px;
}
#order-cancel-btn,#order-step1-submit,#address-new-back,#address-new-submit,#order-step2 #order-cancel-link,#order-step2-submit,.gray-btn{
	display:inline-block;
	font-size:1.8rem;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:12px 0;
	width:120px;
	text-align:center;
}
#order-step1 .left,#address-new .left,#order-step2 .left,#order-step3 .left,#order-change .left,#order-regist .left,#order-confirm .left{
	float:left;
}
#order-step1 .right,#address-new .right,#order-step2 .right,#order-step3 .right,#order-change .right,#order-regist .right{
	float:right;
}
#address-new-form{
	text-align:left;
}
#address-new-form input[type="text"]{
	width:100%;
}
#address-new-form input[type="text"]#address-zip1,#address-new-form input[type="text"]#address-zip2{
	width:100px;
}
#address-new-form input[type="text"]#tel1,#address-new-form input[type="text"]#tel2,#address-new-form input[type="text"]#tel3{
	width:80px;
}
#order-step2 #order-step2-table{
	width:100%;
	margin:0 auto 30px;
	text-align:left;
	border-collapse:collapse;
}
#order-step2 #order-step2-table p{
	margin:0;
}
#order-step2 #order-step2-table .order-step2-td-name{
	font-size:1.6rem;
}
#order-step2 textarea{
	width:90%;
	font-weight:normal;
}
#order-confirm table{
	width:100%;
	margin:0 auto;
	border-collapse: collapse;
}
#order-step2 #order-step2-table tr,#order-confirm table tr{
	border:1px solid #929292;
}
#order-step2 #order-step2-table th{
	width:100px;
	padding:20px 0 20px 20px;
}
#order-step2 #order-step2-table td{
	font-weight:bold;
	padding:10px 0;
}
table .deli-name-area{
	background-color:#eaeaea;
}
table .deli-name-area td{
	word-break:break-all;
}
#order-step2 #order-step2-table .deli-space,#order-delivery-table .deli-space{
	border:none;
}
#order-step2 #order-step2-table .deli-space td,#order-delivery-table .deli-space th{
	padding:0;
}
#order-step2 #order-step2-table input[type="number"]{
	width:50px;
}
#order-step2 #order-step2-table #amount-field{
	background-color:#f5e6ab;
}
#order-step2 #order-step2-table #amount-field th{
        width:150px;
}
#order-step2 #order-step2-table #amount-field td{
	text-align:right;
	padding-right:30px;
}
#order-step2-table .jacket-select img{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
#order-step2 #order-step2-table .jacket-select .left{
	display:inline-block;
	width:28%;
	text-align:center;
	margin-right:5%;
}
#order-step2 #order-step2-table #order-step2-option p{
	margin-bottom:18px;
}
#order-step2 #order-step2-table .order-step2-td-price{
	margin-right:30px;
	color:#f00;
}
#order-step2 #order-step2-table .order-step2-td-attention{
        margin-right:0.5em;
        font-size:1.4rem;
        color:#f00;
}
#order-step2 #order-step2-table .order-step2-td-infomation{
        margin-right:0.5em;
		font-size:1.4rem;
}
#order-step2 #order-step2-table .order-step2-td-point{
	margin-right:30px;
}
#order-step2 #use-point {
	width: 70px;
}
#order-step2 #point-message-area,
#order-step2 #point-use-notice ,
#order-step2 .sd-usb-notice {
	margin: 20px 0 0 0 !important;
}
#order-step2 .sd-usb-notice {
	font-size: 1.4rem;
}
.design-notice {
        font-size: 1.4rem;
        text-align: left;
}
#order-step2 #order-step2-table .th-design-select {
        border-bottom: hidden;
}
#order-step2 #order-step2-table .th-design-notice {
        border-top: hidden;
        padding: 0 0 20px 20px;
}
#order-step2 .cube-type-wrapper * {
	vertical-align: middle;
}
#order-step2 .cube-type-wrapper *.right {
	margin-top: 35px;
}
#order-step2 .cube-type-wrapper img {
	width: 100px;
	vertical-align: middle;
	margin-bottom: 0 !important;
	margin-left: 10px;
	margin-right: 10px;
}
#order-step2 #order-step2-table .order-step2-td-sender{
        margin-right:20px;
}
#order-step2 .sender {
        width: 250px;
}
#order-step3,#order-change,#order-regist,#order-confirm{
	width:100%;
	text-align:center;
}
#order-step3-table{
	width:100%;
}
#order-step3-table th{
	font-weight:normal;
	text-align:right;
	padding-right:20px;
}
#order-step3-table td{
	font-weight:bold;
	text-align:left;
}
#order-credit-table{
	width:100%;
}
#order-credit-table th{
	font-weight:normal;
	text-align:left;
	padding-left:20px;
}
#order-credit-table td{
	font-weight:bold;
	text-align:right;
	padding-right:20px;
}
.credit-notice {
        font-size: 1.4rem;
        text-align: left;
}
#order-cod-table{
	width:100%;
}
#order-cod-table th{
	font-weight:normal;
	text-align:left;
	padding-left:20px;
}
#order-cod-table td{
	font-weight:bold;
	text-align:right;
	padding-right:20px;
}
#cod-attention{
	color:#f00;
	font-weight:bold;
	text-align:left;
	padding-left:2em;
}
#order-attention{
        color:#f00;
        font-weight:bold;
        text-align:left;
        //padding-left:2em;
        font-size:1.2rem;
}
#order-change-form,#order-regist-form{
	text-align:left;
}
#order-confirm h2, #order-confirm h3{
	margin-bottom:0;
}
#userpolicy-check a{
	margin-left:5px;
	color:#5b5b5b;
}
#order-confirm-btn{
	margin:20px;
}
#order-confirm-btn input{
	font-weight:bold;
	font-size:1.8rem;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#fad433;
	border-radius:5px;
	padding:12px 50px;
}
#order-confirm table th{
	padding:10px 0 10px 30px;
	font-weight:normal;
	text-align:left;
}
#order-confirm table td{
	padding:10px 0;
	font-weight:bold;
	text-align:left;
}
#order-confirm table p{
	margin:0;
}
#order-confirm #order-info-table th,#order-confirm #order-delivery-table th{
	width:130px;
}
#order-confirm #order-memo-table th,
#order-confirm #edit-request-memo-table th{
	width:130px;
}
#order-confirm .order-price-td{
	text-align:right;
	padding-right:60px;
}
#order-confirm #order-amount-area{
	color:#ea0c22;
}
#order-confirm #order-amount-area td{
	text-align:right;
	padding-right:60px;
}
#order-confirm #order-paytype-table td{
        text-align:right;
        padding-right:60px;
}
#order-complete{
	text-align:center;
}

/* Help */
#help-page h3{
	font-size:1.3rem;
	margin:30px 0 5px;
}
#help-page p{
	margin:0 0 15px 12px;
}


/* Common pageTop */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pageTop a {
	display: block;
	z-index: 999;
	padding: 8px 0 0 8px;
	border: 1px solid #7d7d7d;
	border-radius: 40px;
	width: 45px;
	height: 45px;
	background-color: #fff;
	color: #7d7d7d;
	font-weight: bold;
	text-decoration: none;
	text-indent: 4px;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#landing-main-area{
color:#474747;
width:100%;
padding-top:60px;
margin-bottom:40px;
text-align:center;
}

p.resizeimage { width: 100%; }
p.resizeimage img { width: 100%; }

.hide {
	display: none;
}
.tab-container {
	margin: 0 auto;
	max-width: 350px;
}
.tab-container ul {
	text-align: center;
	display: flex;
}
.tab-container ul > li {
	border: 1px solid #ccc;
	width: 100%;
	cursor: pointer;
	padding: 5px 0;
}
.tab-container ul > li:first-child {
	border-right: none;
}
.tab-container ul > li:last-child {
	border-left: none;
}
.tab-container ul > li.tab-active {
	color: #fff;
	background-color: #FCD333;
	border: 1px solid #FCD333;
}
.library-slideshow-photo {
	height: 350px;
}
#movie-library-list .type-icon {
	width: 24px;
	position: relative;
	bottom: 25px;
	left: 5px;
}
.slider-container {
	margin-bottom: 40px;
}

.slideshows-edit-remodal input, .slideshows-edit-remodal textarea{
	width:90%;
}
.slideshows-edit-remodal textarea{
	height:50px;
}
.slideshows-edit-remodal .img-btn{
	height:40px;
	margin:0 0 10px 20px;
	width:auto;
}
.remodal.slideshows-edit-remodal{
	width:600px;
}

#photo-edit-list{
	border-collapse: collapse;
}
#photo-edit-list .td-move{
	padding:0 12px;
}
#photo-edit-list .td-thumbnail {
	width:100px;
	padding:10px 0;
}
#photo-edit-list .td-thumbnail img {
	width:100px;
	height:auto;
}
#photo-edit-list .td-input-text{
	padding:0 5px;
}
#photo-edit-list .td-input-text input{
	width:120px;
}
#photo-edit-list .td-delete img{
	width:30px;
	height:auto;
}
#photo-edit-list .td-not-selected{
	padding:0;
}
#photo-edit-list .ui-sortable-helper{
	opacity:0 !important;
}
#photo-edit-list .sortable-placeholder{
	border:1px dashed #aaa;
	height:80px;
}
#photo-edit-list .sortable-placeholder td:nth-child(3){
	background:url(../images/sort-ex-photo.png) no-repeat;
	background-position:right 0 top 50%;
	background-size:120px auto;
}

/* Frequently-asked-questions */
.accordion {
        margin: 0 16px 20px;
}
.accordion a {
        //display: block;
        font-weight: bold;
}
//.accordion .child .child_ios {
//        display: block;
//}
.accordion .child {
        display: none;
        margin: 0 0 -1px;
        padding: 0;
        background: #fff;
        border: 1px solid #eaeaea;
}
.accordion .child01 {
        display: block;
}
.accordion .child .menu {
        background: #eaeaea;
        color: #5e5e5e;
}
.accordion .child .menu:hover {
        background: #d0d0d0;
}
.accordion .child > li {
        margin: 4px 0;
        padding: 0 16px;
        border-bottom: 1px dotted #dddddd;
}
.accordion .child > li:last-child {
        border-bottom: 0;
}
.switch .child01 .menu:after {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -1.4rem;
        content: '<';
        font-size: 1.4rem;
        font-weight: bold;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transition: all, 0.25s, linear;
        -o-transition: all, 0.25s, linear;
        -webkit-transition: all, 0.25s, linear;
        transition: all, 0.25s, linear;
}
.switch .child02 .menu:after {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -1.4rem;
        content: '>';
        font-size: 1.4rem;
        font-weight: bold;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transition: all, 0.25s, linear;
        -o-transition: all, 0.25s, linear;
        -webkit-transition: all, 0.25s, linear;
        transition: all, 0.25s, linear;
}
.switch .menu.active:after {
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
.child01 {
        border: 1px solid #eaeaea;
}
.child02 {
        color: #5e5e5e;
}
.menu {
        display: block;
        position: relative;
        margin: 1px 0 0;
        padding: 10px;
}
.source {
        margin: 0;
        padding: 30px 0 0;
}
.accordion01 .child > li {
        border-bottom: 0;
}
.accordion01 .menu {
        display: block;
        background: #ffd32f;
        color: #5b5b5b;
}
.accordion01 .menu:hover {
        background: #ffd32f;
        text-decoration: none;
}
.question{
        border-style: solid;
        border-radius: 10px;
        border-width: 1px;
        border-color: tomato;
        color:white;
        background: tomato;
}
.answer{
        border-style: solid;
        border-radius: 10px;
        border-width: 1px;
        border-color: lightblue;
        color:white;
        background: lightblue;
}
#attention_word{
        font-weight:bold;
}
#red_word{
        color:red;
}
#faq_user {
        margin-top:-60px;
        padding-top:60px;
}
#faq_mail {
        margin-top:-60px;
        padding-top:60px;
}
#faq_video {
        margin-top:-60px;
        padding-top:60px;
}
#faq_photo {
        margin-top:-60px;
        padding-top:60px;
}
#faq_storage {
        margin-top:-60px;
        padding-top:60px;
}
#faq_disc {
        margin-top:-60px;
        padding-top:60px;
}
#faq_pay {
        margin-top:-60px;
        padding-top:60px;
}
#faq_order {
        margin-top:-60px;
        padding-top:60px;
}
#faq_order_ios {
        margin-top:-60px;
        padding-top:60px;
}
#faq_delivery {
        margin-top:-60px;
        padding-top:60px;
}
#faq_point {
        margin-top:-60px;
        padding-top:60px;
}
#faq_reply {
        margin-top:-60px;
        padding-top:60px;
}
img.faq-dvd-play {
        border:solid 1px #808080;
}
img.faq-wrapping {
        border:solid 2px #808080;
        width:90%;
        height:auto;
}
img.faq-messagecard {
        border:solid 2px #808080;
        width:70%;
        height:auto;
}
#faq_ios_order_error{
        width:300px;
        height:auto;
        border: 2px #a9a9a9 solid;
}
#faq_ios_setting{
        width:300px;
        height:auto;
        border: 2px #a9a9a9 solid;
}


#fb-insert, #fb-login{
        font-weight:bold;
        color:#fff;
        text-decoration:none;
        border:none;
        background-color:#305097;
        border-radius:5px;
        padding:5px 20px;
}
a.btn-fb{
        padding: 10px 8px 10px 8px;
        margin: 0 5px 12px 5px;
        display: block;
        color: #fff !important;
        background: #305097;
        text-decoration: none;
        font-weight: bold;
        font-size:13px;
        border-radius: 6px;
        text-align:center;
        text-decoration:none !important;
}
a.btn-fb:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: -3px 5px 0 0;
        background: url("../images/flogo-HexRBG-Wht-58.png") no-repeat;
        background-size: contain;
        vertical-align: middle;
}
a.btn-fb:hover {
        background: #305097;
}
@media screen and (min-width: 768px){
        a.btn-fb{
                padding: 10px 8px 10px 8px;
                margin: 0 5px 12px 5px;
                font-size:13px;
                display:inline-block;
        }
        a.btn-fb:before {
                margin: -3px 5px 0 0;
        }
}

#siwa-insert, #siwa-login{
        font-weight:bold;
        color:#fff;
        text-decoration:none;
        border:none;
        background-color:black;
        border-radius:5px;
        padding:5px 20px;
}
a.btn-siwa{
        padding: 7px 15px 7px  5px;
        margin: 0 5px 7px 5px;
        display: block;
        color: #fff !important;
        background: black;
        text-decoration: none;
        font-weight: bold;
        font-size:13px;
        border-radius: 6px;
        text-align:center;
        text-decoration:none !important;
}
a.btn-siwa:before {
        content: "";
        display: inline-block;
        width: 26px;
        height: 26px;
        margin: 0 0 0 0;
        background: url("../images/LeftWhiteLogoLarge.svg") no-repeat;
        background-size: contain;
        vertical-align: middle;
}
a.btn-siwa:hover {
        background: black;
}
@media screen and (min-width: 768px){
        a.btn-siwa{
                padding: 7px 15px 7px  5px;
                margin: 0 5px 7px 5px;
                font-size:13px;
                display:inline-block;
        }
        a.btn-siwa:before {
                margin: -3px 2px 0 0;
        }
}
#d_design {
        margin-top:-60px;
        padding-top:60px;
}
#d_operation {
        margin-top:-60px;
        padding-top:60px;
}
#d_function {
        margin-top:-60px;
        padding-top:60px;
}
#d_specifications {
        margin-top:-60px;
        padding-top:60px;
}
#c_lineup {
        margin-top:-60px;
        padding-top:60px;
}
#c_feature {
        margin-top:-60px;
        padding-top:60px;
}
#c_printtitle {
        margin-top:-60px;
        padding-top:60px;
}
#c_specifications {
        margin-top:-60px;
        padding-top:60px;
}