@charset "utf-8";

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

/* Common */
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.o-h{
	overflow:hidden;
}
ul{
	padding:0;
	list-style:none;
}
#main-contents{
	padding:30px 0 50px;
	max-width:1200px;
	margin:0 auto;
}
.common-page{
	color:#5b5b5b;
	padding-top:50px;
}
.common-page h2{
	text-align:center;
}
.message{
	color:#f00;
	font-weight:bold;
}
.message-brown{
        color:brown;
        font-weight:bold;
}
.message_padding-left2{
	padding-left:2em;
}
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;
}
button{
	background-color:transparent;
	border:none;
	cursor: pointer;
}
img{
	vertical-align:top;
}
progress{
	background-color:#fff;
	border:1px solid #888;
	border-radius:10px;
	padding:2px;
}
progress::-moz-progress-bar{
	background-color:#f0d943;
	border-radius:10px;
}
progress::-webkit-progress-bar{
	background-color:#fff;
	border-radius:10px;
}
.yb-h2{
	text-align: center;
	border-bottom:3px solid #ffd32f;
}
#userpolicy h3, #privacy h3{
	font-size:1.6rem;
	margin:20px 0 5px;
}
#userpolicy p, #privacy p{
	margin:0 0 5px 0;
}

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

/* Header */
header{
	width:100vw;
	padding:15px 0;
	background-color:#fff;
	z-index:3;
	position:fixed;
	top:0;
}
header .inner{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}
header h1{
	margin:0;
}
header #header-nav{
	padding:10px 0 0;
}
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:20px;
}
button:focus {
	outline: none;
}

/* Top */
#top-main-area{
	color:#474747;
	max-width:1200px;
	/* margin:0 auto 80px; */
	margin:0 auto 40px;
	padding-top:85px;
	text-align:center;
}
#top-main-area #top-main-img-area{
	width:100%;
	height:500px;
	/* margin-bottom:50px; */
	margin-bottom:40px;
	background:url("../images/top-main-back.jpg") no-repeat;
	background-position:center;
	background-size:cover;
}
#top-main-area h2 img{
	max-width:500px;
	height:auto;
	margin-bottom:40px;
}
#top-main-area h3.app-banner{
	margin:0 auto 10px;
}
#top-main-contents{
	color:#474747;
}
#top-main-contents .inner{
	padding:20px;
	max-width:1000px;
	margin:0 auto;
}
#top-ex-area{
	background-color:#fcd635;
	margin-bottom:40px;
}
#top-ex-area .inner{
	max-width:1040px;
	padding:40px 0;
	display:table;
	border-collapse: separate;
	border-spacing: 20px 0;
}
#top-ex-area .top-ex-cont{
	width:20%;
	background-color:#fff;
	border-radius:40px;
	display:table-cell;
	padding:20px 30px;
}
#top-ex-area .top-ex-cont h3{
	font-weight:normal;
	font-size:1.8rem;
}
#top-ex-area .top-ex-cont img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
#top-specification-area.inner{
	text-align:center;
	margin-bottom:30px;
}
#top-specification-area h3{
	font-size:2.2rem;
	color:#fff;
	background-color:#828282;
	padding:5px 0;
	border-radius: 20px;
	margin:0;
}
#top-specification-area h4{
	margin:0;
}
#top-specification-area li{
	padding:10px 0 5px;
}
#top-specification-area li:nth-child(even){
	background-color:#f0f0f0;
}
#top-dot-area.inner{
	text-align:center;
	margin-bottom:30px;
}
#top-dot{
	width:100%;
	height:12px;
	background:url("../images/top-dot.png") repeat-x;
	background-size: 12px auto;
}
#top-dot-area h3{
	margin:50px 0;
}
#top-dot-area h3.app-banner{
	margin:0 auto 10px;
}
#top-blog-area{
	background-color:#fffbc7;
	text-align:center;
	padding:25px 0 35px;
}
#top-blog-area .inner{
	background-color:#fff;
	border-radius: 20px;
}
#top-blog-area h3{
	display:inline-block;
	margin:0 0 20px 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{
	margin:0 10px;
	text-align:left;
}
#top-blog-list li a{
	color:#786914;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
}
#top-blog-list li a .top-blog-date{
	margin-right:30px;
	color:#474747;
}
#top-blog-list li a .top-blog-new{
	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 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-bottom:50px;
}
.signup-btn a{
	font-size:2rem;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#fcd635;
	border-radius:5px;
	padding:15px 25px;
}
#law-table{
	width:80%;
	margin:0 auto;
}
#law-table th{
	width:25%;
	text-align:left;
	vertical-align: top;
	padding:5px 10px 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:350px;
        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{
	color:#8b8b8b;
	text-align:center;
	padding:20px;
	font-size:1.4rem;
	max-width:1200px;
	margin:0 auto;
}
footer a{
        color:#8b8b8b;
        text-decoration:none;
}
footer a:hover{
        text-decoration:underline;
}
#footer-sns-area li, #footer-nav li{
	display:inline-block;
	margin:0 5px;
}
#footer-sns-area li img{
	width:40px;
	height:auto;
}
#footer-nav a{
	color:#8b8b8b;
	text-decoration:none;
}
#footer-nav a:hover{
	text-decoration:underline;
}

/* Modal Window */
.remodal{
	color:#8b8b8b;
	width:400px;
	border-radius:10px;
}
.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.8rem;
        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{
	//width:250px;
	width:280px;
	margin:0 auto;
}
#signup-form p, #login-form p{
	width:100%;
	line-height:2;
        font-size:1.4rem;
        margin:0 0 3px 0;
}
#sns-signup-form, #sns-login-form{
        width:280px;
        margin:0 auto;
}
#sns-signup-form p, #sns-login-form p{
        width:100%;
        line-height:2;
        font-size:1.4rem;
        margin:0 0 0 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:7px 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.3rem;
        line-height:1.4;
        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.4rem;
}
.login-form-link a{
	color:#8b8b8b;
	text-decoration:none;
}

/* Inquiry & Reset */
#inquiry form{
	width:400px;
	margin:0 auto;
}
#reset-form,#resendmail-form{
	width:100%;
}
#inquiry input,#inquiry textarea,#reset-form input,#resendmail-form input{
	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{
	width:500px;
	margin:50px auto;
	text-align:left;
}
#reset-form #reset-submit-area{
	margin-top:30px;
}

#resendmail-form{
	width:500px;
	margin:50px auto;
	text-align:left;
}
#resendmail-form #resendmail-submit-area{
	margin-top:30px;
}

/* Mypage Common */
#mypage-main-contents{
	color:#5b5b5b;
	max-width:1200px;
	min-height:700px;
	margin:0 auto;
	box-sizing:border-box;
	padding:100px 100px 50px 10px;
}
#sp-mypage-nav{
	display:none;
}
#pc-mypage-nav{
	position:absolute;
	top:0;
	right:30px;
	z-index:3;
	background-color:#fff;
}
#pc-mypage-nav ul{
	margin:16px 0;
}
#pc-mypage-nav ul img,.mypage-side-nav ul img{
	width:50px;
	height:auto;
}
#pc-mypage-nav ul a{
	display:block;
	padding:8px 0;
}
.mypage-side-nav{
	color:#5b5b5b;
	background-color: #fff;
	padding-left:20px;
	height:100%;
	box-shadow:-3px 0px 4px -2px #ccc;
}
.mypage-side-nav li span{
	vertical-align:top;
	line-height:57px;
	margin-left:20px;
}
.mypage-side-nav li a{
	color:#5b5b5b;
	text-decoration:none;
	display:block;
	padding:6px 0;
}
hr.side-nav-hr{
	border:none;
	border-top:1px solid #ccc;
	margin:0 20px 30px 0;
}
#footer-fixed-nav{
	display:none;
}
#sb-site{
	width:100vw;
}
.sb-style-overlay{
	z-index:1000 !important;
}
#card-form-border{
	border:1px solid #bbb;
	padding:10px 30px;
	margin-bottom:30px;
}
.avatar-area{
	width:50px;
	height:50px;
	text-align:center;
	position:relative;
}
.avatar-area img{
	max-width:50px;
	max-height:50px;
	padding:8px 0;
	display:block;
	position: absolute;
	bottom:0;
}
#pop-caution-img img{
	width:100%;
	height:auto;
}
#card-info{
	font-size:1.4rem;
}
#card-info img{
	width:250px;
	height:auto;
}

/* Movie Library */
#nav-welcome-logo {
	width:100%;
	height:400px;
	background:url(../images/welcome-logo.png) no-repeat;
	background-position:right 50% top 0;
	background-size:350px auto;
}
#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:200px auto;
}
#nav-welcome-edit-request {
	float: right;
	width:50%;
	height:200px;
	background:url(../images/welcome-edit-request.png) no-repeat;
	background-size:200px auto;
}
#nav-welcome-cube {
	float: right;
	width:50%;
	height:200px;
	background:url(../images/welcome-cube.png) no-repeat;
	background-size:200px auto;
}
#nav-welcome-cube-long {
	width:100%;
	height:100px;
	background:url(../images/welcome-cube-long.png) no-repeat;
	background-size: auto 100px;
	background-position: center;
}
#nav-movie-library{
	width:100%;
	height:400px;
	background:url(../images/pc-nav-movie.png) no-repeat;
	background-position:right 50% top 0;
	background-size:700px auto;
}
#movie-library #h2-no-movie{
	padding:20px;
	text-align:center;
}
#movie-library-list li{
	display:inline-block;
	width:170px;	
	margin:0 10px 10px 0;
}
#movie-library-list li img{
	width:100%;
	height:auto;
}
#lightcase-case{
	top:10% !important;
	height:90% !important;
	margin-top:0 !important;
}
#lightcase-content{
	border-radius:20px;
	overflow:auto !important;
	max-height:700px !important;
}
#order-step2-body #lightcase-content{
	border-radius:0;
	height:auto !important;
}
.lightcase-inlineWrap{
	padding:0 !important;
	max-height:100% !important;
}
.lightcase-contentInner{
	height:100% !important;
}
.inline-video{
	width:80%;
	height:100%;
	margin:0 auto;
	padding:20px;
	text-align:center;
}
.inline-video video,.videos-edit-remodal video{
	max-height:350px;
	width:100%;
}
.videos-edit-remodal input, .videos-edit-remodal textarea{
	width:90%;
}
.videos-edit-remodal textarea{
	height:50px;
}
.inline-video .img-btn,.videos-edit-remodal .img-btn{
	height:40px;
	margin:0 0 10px 20px;
	width:auto;
}
.remodal.videos-edit-remodal{
	width:600px;
}

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

/* Upload */
#nav-upload{
	width:100%;
	height:300px;
	background:url(../images/pc-nav-upload.png) no-repeat;
	background-position:right 50% top 0;
	background-size:500px auto;
}
#nav-photo-upload{
	width:100%;
	height:300px;
	background:url(../images/pc-nav-upload50.png) no-repeat;
	background-position:right 50% top 0;
	background-size:500px auto;
}
#upload-form,
#slideshow-upload-form{
	padding-top:80px;
	text-align:center;
	//margin-bottom:80px;
	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:220px;
	height:auto;
}
.over-capacity-link a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:5px 10px;
	width:200px;
}
#upload-edit-attention{
        font-weight:bold;
        text-align:left;
        font-size:1.4rem;
}

/* Disc Library */
#nav-new-disc{
	margin-top:30px;
	width:100%;
	height:300px;
	background:url(../images/pc-nav-newdisc.png) no-repeat;
	background-position:left 0 top 0;
	background-size:500px auto;
}
#nav-new-disc-edit{
        margin-top:30px;
        width:100%;
        height:300px;
        background:url(../images/pc-nav-newdisc-edit.png) no-repeat;
        background-position:left 0 top 0;
        background-size:500px auto;
}
#nav-pc-order{
	margin-top:30px;
	width:100%;
	height:150px;
	background:url(../images/pc-nav-order.png) no-repeat;
	background-position:right 0 top 0;
	background-size:500px auto;
}
#nav-pc-order-edit{
        margin-top:30px;
        width:100%;
        height:150px;
        background:url(../images/pc-nav-order-edit.png) no-repeat;
        background-position:right 0 top 0;
        background-size:500px auto;
}
#disc-library-header{
	padding:20px 20px 30px;
	border-bottom:1px solid #929292;
}
#disc-library-header img{
	width:40px;
	margin-left:20px;
	height:auto;
}
#disc-library-header #disc-order-btn{
	margin:0;
}
#disc-library-header #disc-edit-order{
	color:#fff;
	text-decoration:none;
	background-color:#ff8327;
	padding:7px 25px;
	border-radius:10px;
	border:none;
}
#disc-library #new-disc-link{
	font-size:1.8rem;
	font-weight:bold;
	display:inline-block;
	line-height:100px;
	padding-left:110px;
	color:#5b5b5b;
	text-decoration:none;
	background:url("../images/not-selected.png") no-repeat;
	background-size:100px;
}
#disc-library #order-disc-link img{
	width:220px;
	height:auto;
	margin:0;
}
#disc-library #disc-list{
	margin:0;
}
#disc-library #disc-list li h2{
	font-size:2rem;
	margin-bottom:5px;
}
#disc-list li{
	padding:20px;
	border-bottom:1px solid #929292;
	position:relative;
	background:url(../images/disclibrary-arrow.png) no-repeat;
	//background-position:right 30px top 50%;
	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 30px 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;
	cursor: pointer;
}
#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:45px;
	left:80px;
}
#disc-list li .disc-list-menu button{
	position:absolute;
	top:45px;
	left:150px;
}
#disc-list .disc-list-thumbnail,#disc-library #disc-thumbnail,#order-disc-thumbnail{
	width:100px;
	height:100px;
	margin-right:20px;
	background:url("../images/disc-thumbnail.png") no-repeat;
	background-size:100px;
}
#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-list .disc-list-info h2{
	margin:0 0 10px 0;
}
#disc-list .disc-list-info p{
	margin:0;
}
#disc-title-area{
	padding:20px;
	margin-bottom:10px;
}
.disc-attention{
       color:brown;
}
.point-expire-notice{
        //margin:0;
        margin:-30px 0 0 0;
        //text-align:center;
}
.point-expire-notice span{
        color:#f00;
        font-size:1.8rem;
}

#edit-request-type-area{
	padding:20px;
	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: 10px 0 0 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 20px;
}

#disc-title-area #disc-delete-btn{
	margin:25px 0 0 20px;
}
#disc-new-table th{
	padding:5px 20px;
}
#disc-new-table th img{
	width:100px;
	height:auto;
}
.disc-new-library{
	background-color:#fff;
}
#disc-new-post,#disc-edit-post{
	color:#fff;
	text-decoration:none;
	background-color:#ff8327;
	margin:15px 30px 0 0;
	padding:8px 25px;
	border-radius:10px;
}
.disc-new-library.sb-slidebar{
	width:100%;
}
.disc-new-library .inner{
	max-width:1200px;
	margin:50px auto;
}
#videos-list-header{
	margin-bottom:30px;
}
#videos-list-header img{
	width:40px;
	height:auto;
}
#videos-list li{
	display:inline-block;
	width:170px;	
	margin:0 10px 10px 0;
}
#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:150px;
	height:auto;
}
#disc-edit-list{
	border-collapse: collapse;
}
#disc-edit-list .td-move{
	padding:0 12px;
}
#disc-edit-list .td-thumbnail,#disc-view-list .td-thumbnail{
	width:100px;
	padding:10px 0;
}
#disc-view-list .td-thumbnail{
	padding:10px 20px;
}
#disc-edit-list .td-thumbnail img,#disc-view-list .td-thumbnail img{
	width:100px;
	height:auto;
}
#disc-edit-list .td-input-text{
	padding:0 20px;
}
#disc-edit-list .td-delete img{
	width:30px;
	height:auto;
}
#disc-edit-list .td-not-selected{
	padding:0 20px;
}
#disc-edit-list .ui-sortable-helper{
	opacity:0 !important;
}
#disc-edit-list .sortable-placeholder{
	border:1px dashed #aaa;
	height:100px;
}
#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:280px auto;
}
.sort-move{
	cursor:move;
	width:25px;
	height:auto;
}
#disc-list .order-disc-list a{
	text-decoration:none;
	color:#5b5b5b;
	display:block;
	width:100%;
	height:100%;
}
#disc-order-header{
	text-align:center;
}
#disc-order-header h3{
	color:#fff;
	background-color:#ff8327;
	padding:2px;
}
#disc-order-header .disc-order-cancel img{
	width:40px;
	height:auto;
}
#recording-duration{
	margin:0;
}
#sp-disc-add-fixed{
	display:none;
}
#free-notice{
	margin:0;
}
#free-notice span{
	color:#f00;
	font-size:2rem;
}


/* Cube Library */
#nav-new-cube{
	margin-top:30px;
	width:100%;
	height:300px;
	background:url(../images/pc-nav-newcube.png) no-repeat;
	background-position:left 0 top 0;
	background-size:500px auto;
}
#nav-pc-cube-order{
	margin-top:30px;
	width:100%;
	height:150px;
	background:url(../images/pc-nav-cubeorder.png) no-repeat;
	background-position:right 0 top 0;
	background-size:500px auto;
}
#cube-library-header{
	padding:20px 20px 30px;
	border-bottom:1px solid #929292;
}
#cube-library-header img{
	width:40px;
	margin-left:20px;
	height:auto;
}
#cube-library-header #cube-order-btn{
	margin:0;
}
#cube-library-header #cube-edit-order{
	color:#fff;
	text-decoration:none;
	background-color:#ff8327;
	padding:7px 25px;
	border-radius:10px;
	border:none;
}
#cube-library #new-cube-link{
	font-size:1.8rem;
	font-weight:bold;
	display:inline-block;
	line-height:100px;
	padding-left:110px;
	color:#5b5b5b;
	text-decoration:none;
	background:url("../images/not-selected.png") no-repeat;
	background-size:100px;
}
#cube-library #order-cube-link img{
	width:220px;
	height:auto;
	margin:0;
}
#cube-library #cube-list{
	margin:0;
}
#cube-library #cube-list li h2{
	font-size:2rem;
	margin-bottom:5px;
}
#cube-list li{
	padding:20px;
	border-bottom:1px solid #929292;
	position:relative;
	background:url(../images/cubelibrary-arrow.png) no-repeat;
	background-position:right 30px top 50%;
	background-size:auto 30px;
}
#cube-list li.order-cube-list{
	background:url(../images/arrow.png) no-repeat;
	background-position:right 30px 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;
	cursor: pointer;
}
#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:45px;
	left:80px;
}
#cube-list li .cube-list-menu button{
	position:absolute;
	top:45px;
	left:150px;
}
#cube-list .cube-list-thumbnail,#cube-library #cube-thumbnail,#order-cube-thumbnail{
	width:100px;
	height:100px;
	margin-right:20px;
	background-size:100px;
}
#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-list .cube-list-info h2{
	margin:0 0 10px 0;
}
#cube-list .cube-list-info p{
	margin:0;
}
#cube-title-area{
	padding:20px;
	margin-bottom:10px;
}
#cube-title-area #cube-delete-btn{
	margin:25px 0 0 20px;
}
#cube-new-table th{
	padding:5px 20px;
}
#cube-new-table th img{
	width:100px;
	height:auto;
}
.cube-new-library{
	background-color:#fff;
}
#cube-new-post,#cube-edit-post{
	color:#fff;
	text-decoration:none;
	background-color:#ff8327;
	margin:15px 30px 0 0;
	padding:8px 25px;
	border-radius:10px;
}
.cube-new-library.sb-slidebar{
	width:100%;
}
.cube-new-library .inner{
	max-width:1200px;
	margin:50px auto;
}
#photos-list-header{
	margin-bottom:30px;
}
#photos-list-header img{
	width:40px;
	height:auto;
}
#photos-list li{
	display:inline-block;
	width:170px;	
	margin:0 10px 10px 0;
}
#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:150px;
	height:auto;
}
#cube-edit-list{
	border-collapse: collapse;
}
#cube-edit-list .td-move{
	padding:0 12px;
}
#cube-edit-list .td-thumbnail,#cube-view-list .td-thumbnail{
	width:100px;
	padding:10px 0;
}
#cube-view-list .td-thumbnail{
	padding:10px 20px;
}
#cube-edit-list .td-thumbnail img,#cube-view-list .td-thumbnail img{
	width:100px;
	height:auto;
}
#cube-edit-list .td-input-text{
	padding:0 20px;
}
#cube-edit-list .td-delete img{
	width:30px;
	height:auto;
}
#cube-edit-list .td-not-selected{
	padding:0 20px;
}
#cube-edit-list .ui-sortable-helper{
	opacity:0 !important;
}
#cube-edit-list .sortable-placeholder{
	border:1px dashed #aaa;
	height:100px;
}
#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:280px auto;
}
#cube-list .order-cube-list a{
	text-decoration:none;
	color:#5b5b5b;
	display:block;
	width:100%;
	height:100%;
}
#cube-order-header{
	text-align:center;
}
#cube-order-header h3{
	color:#fff;
	background-color:#5ED1D1;
	padding:2px;
}
#cube-order-header .cube-order-cancel img{
	width:40px;
	height:auto;
}
#sp-cube-add-fixed{
	display:none;
}
.cubes-edit-remodal img{
	width:100%;
        height: auto;
}
.cubes-edit-remodal input, .cubes-edit-remodal textarea{
	//width:90%;
	width:80%;
        vertical-align: middle;
}
.cubes-edit-remodal textarea{
	height:50px;
        vertical-align: middle;
}
.cubes-edit-remodal .img-btn{
	height:40px;
	//margin:0 0 10px 20px;
	margin:-5px 0 5px -5px;
	width:auto;
        vertical-align: middle;
}
.remodal.cubes-edit-remodal{
	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-bottomtitle-wrapper {
	position: relative;
	z-index: 2;
	margin-top: -60px;
	margin-bottom: 60px;
	font-style: italic;
}
.cubeinfo-undertitle-wrapper {
	position: relative;
	z-index: 2;
	margin-top: -150px;
	margin-left: 80px;
	margin-bottom: 120px;
	font-style: italic;
	color: #fff;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
}
.cubeinfo-notice-wrapper {
	display: block;
	text-align: left;
	font-size: 14px;
}

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;
}


/* User */
#user-page{
	width:500px;
	margin:0 auto;
	text-align:center;
}
#user-page h2{
	display:inline-block;
	padding:20px 0;
	margin-bottom:30px;
}
#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: 25px;
	width:150px;
}
#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:5px 0;
	width:150px;
	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:5px 0;
        margin:20px 0 0 0;
        width:180px;
        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:5px 0;
        margin:10px 0 0 0;
        width:180px;
        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:5px 0;
        margin:10px 0 20px 0;
        width:180px;
        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:5px 0;
        width:150px;
        text-align:center;
}
#user-edit-submit,#user-edit-btn a{
	display:inline-block;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:5px 0;
	width:110px;
	text-align:center;		
}
#user-info-table td input{
	width:250px;
}
#user-info-table .delete-td img{
        width:30px;
        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{
        display:inline-block;
        color:#fff;
        font-weight:normal;
        text-decoration:none;
        border:none;
        background-color:#5b5b5b;
        border-radius:5px;
        padding:5px 0;
        width:200px;
        text-align:center;
}

/* 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-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:500px;
	margin:0 auto;
	text-align:center;
}
#plan-now{
	margin-bottom:30px;
}
#plan-now span{
	font-size:1.4rem;
	font-weight:normal;
	margin-right:20px;
}
#plan-change-wrap{
	width:300px;
	margin:0 auto;
}
#plan-change-btn{
	margin:30px 0;
}
#plan-change-submit,#plan-change-btn a,#plan-pay-btn a,#plan-regist-submit,#plan-confirm-submit,#plan-confirm-btn a{
	display:inline-block;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:10px 0;
	width:120px;
	text-align:center;
}
#plan-change-form #plan-change-submit{
	background-color:#ccc;
}
#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:20px;
}
#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:50px;
}
#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:160px;
	margin-right:30px;
}
.plan-conf-border{
	border:1px solid #aaa;
}

/* Order */
#order-step1,#address-new,#order-step2{
	width:400px;
	margin:0 auto;
	text-align:center;
}
#order-step1 #address-table{
	width:350px;
	margin:0 auto 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.8rem;
}
#order-step1 #address-table .address-td-zip{
	font-size:1.2rem;
}
#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:5px 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{
	width:350px;
	padding:6px 0;
	margin:15px 0 30px;
}
#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;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border:none;
	background-color:#5b5b5b;
	border-radius:5px;
	padding:10px 0;
	width:120px;
	text-align:center;
}
#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:80px;
}
#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.8rem;
}
#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:150px;
	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:200px;
}
#order-step2 #order-step2-table #amount-field td{
	text-align:right;
	padding-right:30px;
}
#order-step2-table .jacket-select img{
	width:100px;
	height:auto;
	margin-bottom:10px;
}
#order-step2 #order-step2-table .jacket-select .left{
	text-align:center;
	margin-right:25px;
}
#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{
	//float:right;
	margin-right:0.5em;
	font-size:1.4rem;
}
#order-step2 #user-memo-area {
	padding-right: 20px !important;
}
#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: 280px;
}
#order-step3,#order-change,#order-regist,#order-confirm{
	width:500px;
	margin:0 auto;
	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.4rem;
}
#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;
	color:#fff;
	text-decoration:none;
	border:none;
	background-color:#fad433;
	border-radius:5px;
	padding:10px 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:190px;
}
#order-confirm #order-memo-table th,
#order-confirm #edit-request-memo-table th{
	width:190px;
}
#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.6rem;
	margin:30px 0 5px;
}
#help-page p{
	margin:0 0 15px 15px;
}

/* 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;
max-width:1200px;
margin:0 auto 40px;
padding-top:85px;
text-align:center;
}
p.resizeimage { width: 80%;margin:0 auto; }
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;
}
.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,#disc-view-list .td-thumbnail{*/
#photo-edit-list .td-thumbnail {
	width:100px;
	padding:10px 0;
}
/*
#disc-view-list .td-thumbnail{
	padding:10px 20px;
}
*/
/*#photo-edit-list .td-thumbnail img,#disc-view-list .td-thumbnail img{*/
#photo-edit-list .td-thumbnail img {
	width:100px;
	height:auto;
}
#photo-edit-list .td-input-text{
	padding:0 20px;
}
#photo-edit-list .td-delete img{
	width:30px;
	height:auto;
}
#photo-edit-list .td-not-selected{
	padding:0 20px;
}
#photo-edit-list .ui-sortable-helper{
	opacity:0 !important;
}
#photo-edit-list .sortable-placeholder{
	border:1px dashed #aaa;
	height:100px;
}
#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:280px 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:-90px;
        padding-top:90px;
}
#faq_mail {
        margin-top:-90px;
        padding-top:90px;
}
#faq_video {
        margin-top:-90px;
        padding-top:90px;
}
#faq_photo {
        margin-top:-90px;
        padding-top:90px;
}
#faq_storage {
        margin-top:-90px;
        padding-top:90px;
}
#faq_disc {
        margin-top:-90px;
        padding-top:90px;
}
#faq_pay {
        margin-top:-90px;
        padding-top:90px;
}
#faq_order {
        margin-top:-90px;
        padding-top:90px;
}
#faq_order_ios {
        margin-top:-90px;
        padding-top:90px;
}
#faq_delivery {
        margin-top:-90px;
        padding-top:90px;
}
#faq_point {
        margin-top:-90px;
        padding-top:90px;
}
#faq_reply {
        margin-top:-90px;
        padding-top:90px;
}
img.faq-dvd-play {
	border:solid 2px #808080;
}
img.faq-wrapping {
        border:solid 2px #808080;
        width:50%;
        height:auto;
}
img.faq-messagecard {
        border:solid 2px #808080;
        width:40%;
        height:auto;
}
#faq_ios_order_error{
        width:330px;
        height:auto;
        border: 2px #a9a9a9 solid;
}
#faq_ios_setting{
        width:350px;
        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: 5px;
        margin: 0 5px 5px 5px;
        display: block;
        color: #fff !important;
        background: #305097;
        text-decoration: none;
        font-weight: bold;
        font-size:14px;
        border-radius: 6px;
        text-align:center;
        text-decoration:none !important;
}
a.btn-fb:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: -10px 15px 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: 500px){
        a.btn-fb{
                padding: 12px 46px 12px 46px;
                margin: 0 5px 5px 5px;
                font-size:14px;
                display:inline-block;
        }
        a.btn-fb:before {
                margin: -2px 7px 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: 5px;
        margin: 0 5px 7px 5px;
        display: block;
        color: #fff !important;
        background: black;
        text-decoration: none;
        font-weight: bold;
        font-size:14px;
        border-radius: 6px;
        text-align:center;
        text-decoration:none !important;
}
a.btn-siwa:before {
        content: "";
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: -5px -8px 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: 500px){
        a.btn-siwa{
                padding: 8px 54px 8px 44px;
                margin: 0 5px 7px 5px;
                font-size:14px;
                display:inline-block;
        }
        a.btn-siwa:before {
                margin: 0 0 0 0;
        }
}
#d_design {
        margin-top:-90px;
        padding-top:90px;
}
#d_operation {
        margin-top:-90px;
        padding-top:90px;
}
#d_function {
        margin-top:-90px;
        padding-top:90px;
}
#d_specifications {
        margin-top:-90px;
        padding-top:90px;
}
#c_lineup {
        margin-top:-90px;
        padding-top:90px;
}
#c_feature {
        margin-top:-90px;
        padding-top:90px;
}
#c_printtitle {
        margin-top:-90px;
        padding-top:90px;
}
#c_specifications {
        margin-top:-90px;
        padding-top:90px;
}