@charset "utf-8";
html{color:#000;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
body {font-family: "Hiragino Kaku Gothic ProN","メイリオ", Arial,Helvetica Neue,Helvetica,sans-serif;height:100%;}
* {
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
img { max-width:100%; height:auto; }
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
label, checkbox { cursor:pointer; }
.flex-parent-sa-center { display:flex; justify-content:space-around; align-items:center; }
.flex-parent-sa-start { display:flex; justify-content:space-around; align-items:flex-start; }
.flex-parent-start { display:flex; justify-content:flex-start; align-items:flex-start; }
.flex-parent-justify { display:flex; justify-content:space-between; align-items:center; }
.flex-parent-justify-start { display:flex; justify-content:space-between; align-items:flex-start; }
.flex-parent-center { display:flex; justify-content:center; align-items:center; }
.flex-parent-center-start { display:flex; justify-content:center; align-items:flex-start; }
a { outline:none; color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }
.add-button { background-color:#595758; color:#FFF; text-decoration:none; padding:5px 10px 0 10px; border-top-left-radius:40px; border-top-right-radius:40px; display:block;
width:250px; margin-left:auto; margin-right:auto; font-size:26px; font-weight:bold; }
#wrapper { padding:30px 10px 100px 10px; max-width:1300px; margin-left:auto; margin-right:auto; }
.absolute { position:absolute; }
.pageTitle,
#title { color:#000; text-align:center; font-size:26px; font-weight:bold; }
#logo_img { background-color:#000; height:40px; }
#logo_img img { width:200px; height:40px; }
.login { padding-top:100px; text-align:center; }
.alert { margin:0 auto; text-align:center; color:#FF0000; }
.big { font-size:30px; }
.noscript { font-size:30px; font-weight:bold; margin:0 auto; text-align:center; color:#FF0000; z-index:10001; position:absolute; width:100%; background-color:white; padding:30px; }
.login #login_id { background-image:url(../img/id.png); padding:18px 10px 18px 65px; font-size:20px; max-width:320px; }
.login input[type=password] { background-image:url(../img/password.png); padding:18px 10px 18px 65px; font-size:20px; max-width:320px; }
input[type=text],
input[type=email],
input[type=password] { background-position:10px center; background-repeat:no-repeat; border:none; border-radius:8px; width:100%; margin: 10px auto; color:#000; }
input[type=radio],
input[type=checkbox] { vertical-align:middle; margin-right:5px; }
.heading { font-size:20px; font-weight:bold; }
.ol li { padding-left:2em; text-indent:-2em; line-height:2.4; }
.ol { padding-left:1em; }
.input_wrap { max-width:655px; width:100%; }
#img_title,
#text_add_tag1,
#text_add_tag2,
#text_add_tag3 { padding:14px 10px; margin:0 auto 40px auto; }
#text_add_tag1,
#text_add_tag2,
#text_add_tag3 { max-width:555px; border-radius:0; border-top-left-radius:8px; border-bottom-left-radius:8px; }
.tags,
#tags,
#list_add_tag1,
#list_add_tag2,
#list_add_tag3 { max-width:655px; margin:0 auto 20px auto; display:flex; flex-wrap:wrap; }
.tags li,
#tags li,
#list_add_tag1 li,
#list_add_tag2 li,
#list_add_tag3 li { padding:5px 10px; font-size:19px; color:#000; }

.tags_li { background-color:#FFF; margin:5px; border-radius:8px; display:inline-block; }
#add_tag1,
#add_tag2,
#add_tag3 { width:100px; background-color:#000; color:#FFF; border:none; border-top-right-radius:8px; border-bottom-right-radius:8px; padding:14px 10px; cursor:pointer; }
#search_text { padding:18px 10px; max-width:500px; margin:10px 0; border-radius:0; border-top-left-radius:8px; border-bottom-left-radius:8px; }
input[type="text"].zipcode { width:100px; border:2px solid #000; border-radius:0; margin:0 10px 0 0; padding:10px 20px; }
.w200 { width:200px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

.btn,
#search_reset_btn,
#search_btn { border:none; background-color:#000; cursor:pointer; color:#FFF; padding: 18px 10px; font-size:20px; display:block; text-align:center; text-decoration:none; }
#cancel-btn { width:298px; margin:0 auto; }
.category { margin:20px auto 0 auto; }
.m-center { margin:0 auto; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.bb { border-bottom:1px dotted #CCC; padding-bottom:30px; margin-bottom:30px; }
#change_order:hover,
#delete_tag:hover,
.add_tag:hover,
#edit_btn:hover,
#upload_btn:hover,
#reset_btn:hover,
.login input[type="submit"]:hover,
#delete_btn:hover,
#search_reset_btn:hover,
#search_btn:hover { opacity:0.5; }

.login input[type=submit] { background-color:#000; color:#FFF; text-align:center; padding:20px 0; font-size:20px; max-width:220px; width:100%; border:none; border-radius:8px; display:block; cursor:pointer; margin:50px auto; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.mw380 { width:100%; max-width:380px; }
.bg-grey { background-color:#efefef; }
.header2 { padding:40px 40px 20px 40px; background-color:#FFF; }
.header { padding:40px 40px 20px 40px; background-color:rgba(255,255,255,0.3); width:100%;
  box-shadow: 0px 18px 16px -6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 18px 16px -6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 18px 16px -6px rgba(0,0,0,0.2);
}
.main-img  { width:100%; height:740px; background-image:url(../img/main.jpg); background-size:cover; background-position:center center; background-repeat:no-repeat; }
.half { width:50%; }
.footer-nav { margin-bottom:60px; }
.footer-nav a,
.header-nav a { text-decoration:none; font-weight:bold; }
.footer-nav a:hover,
.header-nav a:hover { text-decoration:underline; }
.pt100 { padding-top:100px; }
.font-ll { font-size:46px; }
.font-m { font-size:22px; }
.mw500 { max-width:500px; }
.mlr-auto { margin-left:auto; margin-right:auto; }
.photoDelete { border:none; background-color:#000; cursor:pointer; color:#FFF;padding: 8px 15px; text-decoration:none; line-height:150%; font-size:14px; display:inline-block; font-weight:bold; }
.w100 { width:100px; }
.message { font-size:20px; line-height:2; }
#header-user { padding:40px 40px 0 40px; background-color:#FFF;
  box-shadow: 0px 18px 16px -6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 18px 16px -6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 18px 16px -6px rgba(0,0,0,0.2);
}
.header-controls { text-align:right; height:40px; padding:20p; }
.header-controls a { color:#000; }
#header-control { height:40px; color:#000; padding:20px; display:flex; justify-content:space-between; }
.fa-bars { font-size:28px; }
.menu-bar { text-align:right; }
.menu-bar:hover { cursor:pointer; }
.menu-controls { background-color:#FFF; text-align:right; display:none; z-index:9999; position:relative; border:1px solid #CCC; border-radius:4px; padding:5px; }
.menu-controls li:first-child { border:none; }
.menu-controls li { border-top:1px dotted #CCC; }
.menu-controls a { padding:5px 20px; display:block; text-decoration:none; cursor:pointer; }
.menu-controls a:hover { background-color:#CCC; color:#FFF; }
.preview-wrap { overflow-x:scroll; overflow-y:hidden; height:0; }
.current-list,
.preview { display:flex; flex-direction:row-reverse; }
.preview li { height:200px; width:120px; padding:10px; display:flex; align-items:center; }
.preview div { width:100%; overflow:scroll; font-size:12px; text-align:center; }
.preview img { vertical-align:bottom; }
.current-list-wrap { overflow-x:scroll; overflow-y:hidden; height:320px; border:2px solid #000; }
.current-list li { height:320px; width:100px; }
.flex { display:flex; }
.flex-sa { display:flex; justify-content:space-around; }
.flex-sb { display:flex; justify-content:space-between; }
.flex-start-center { display:flex; justify-content:flex-start; align-items:center; }
.flex-start-end { display:flex; justify-content:flex-start; align-items:flex-end; }
.flex-center { display:flex; justify-content:center; align-items:center; }
.flex-sa-center { display:flex; justify-content:space-around; align-items:center; }
.flex-sb-center { display:flex; justify-content:space-between; align-items:center; }
.flex-sb-end { display:flex; justify-content:space-between; align-items:flex-end; }
.flex-sa-end { display:flex; justify-content:space-between; align-items:flex-end; }
.s-box { max-width:840px; margin-left:auto; margin-right:auto; }
.box { max-width:1300px; margin-left:auto; margin-right:auto; }
.textarea { min-height:400px; }
select:disabled,
textarea:disabled,
input.grey-color,
input:disabled { background-color:#ccc; }
input[type=number].number-input { border-radius:2px; border:1px solid #CCC; text-align:right; max-width:100px; padding:10px; }
.textarea,
input[type=email],
input[type=password],
input[type=text].text-input { padding:10px 20px; border-radius:2px; width:100%; border:2px solid #000; margin:0 auto; color:#000; }
input[type=text].short-input { max-width:200px; }
.bl { display:block; }
input[type="submit"].submit-btn { color:#FFF; background-color:#000; padding:20px 60px; border-radius:5px; }
.bold { font-weight:bold; }
.upload a { display:block; color:#FFF; background-color:#000; background-image:url(../img/upload.png); width:200px; height:200px; margin:0 auto; text-align:center; text-decoration:none; padding:10px 0; border-radius:10px; }
.photo_up { text-align:center; }
.button { border:none; background-color:#000; border-radius:2px; cursor:pointer; color:#FFF;padding: 8px 15px; text-decoration:none; line-height:150%; font-size:16px; display:inline-block; font-weight:bold; }
.button:hover { opacity:0.5; }
.big-button { border:none; background-color:#000; border-radius:2px; cursor:pointer; color:#FFF;padding: 15px 100px; text-decoration:none; line-height:150%; font-size:24px; display:inline-block; font-weight:bold; }
.big-button:hover { opacity:0.5; }
.table { width:100%; border-collapse:collapse; }
.table th,
.table td { padding:10px; border:1px solid #CCC; }
.table th { background-color:#000; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; }
.table tr:nth-child(odd) { background-color:#FFF; }
.ml1 { margin-left:1px; }
.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml { margin-left:1em; }
.mr1 { margin-right:1px; }
.mlr1 { margin-left:1px; margin-right:1px; }
.mlr2 { margin-left:2px; margin-right:2px; }
.mlr3 { margin-left:3px; margin-right:3px; }
.mlr4 { margin-left:4px; margin-right:4px; }
.mlr5 { margin-left:5px; margin-right:5px; }
.mlr10 { margin-left:10px; margin-right:10px; }
.plr10 { padding-left:10px; padding-right:10px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt150 { margin-top:150px; }
.mt200 { margin-top:200px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.mb150 { margin-bottom:150px; }
.mb200 { margin-bottom:200px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }
.pb150 { padding-bottom:150px; }
.pb200 { padding-bottom:200px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }
.pt150 { padding-top:150px; }
.pt200 { padding-top:200px; }
.pt300 { padding-top:250px; }
.file-label {  }
.image-label { display:block; max-width:400px; height:640px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-left:auto; margin-right:auto; }
.avatar-label { display:block; border-radius:10px; width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain; border:1px solid #e9e9e9; }
.tmp_img{ margin:0 45px; }
.input-file { width:100%; height:260px; margin:0 auto; overflow:hidden; cursor:pointer; position:relative; }
.input-file-area { width:100%; height:220px; margin:0 auto 10px auto; overflow:hidden; cursor:pointer; border-radius:10px; border:5px dashed #CCC; position:relative; }
#DnDBox { border-radius:10px; border:5px dashed #CCC; }
#photoSelectAvatar { width:100px; height:100px; opacity: 0; cursor:pointer; }
#first_image,
#last_image { max-width:400px; height:640px; }
#photoSelect,
.photoSelect { width:100%; height:200px; opacity: 0; cursor:pointer; }
.upload_text { position:absolute; max-width:720px; margin-left:-360px; left:50%; top:0; padding-top:20px; }
.uploaded-images.flex-center { justify-content:center; }
.uploaded-images { display:flex; flex-wrap:wrap; justify-content:flex-end; }
.uploaded-images img { width:120px; height:auto; margin:10px; }
#upload_btn {  }
#upload_btn2:disabled,
#upload_btn:disabled { opacity:0.1; cursor:not-allowed; }
#delete_btn { display:block; border:none; background-color:#000; border-radius:8px; cursor:pointer; color:#FFF; width:200px; height:40px; padding: 5px 15px; }
#reset_btn { display:block; border:none; background-color:#000; border-radius:8px; cursor:pointer; color:#FFF; width:298px; height:61px; margin:50px 15px; padding: 5px 15px; font-size:21px; }
a#reset_btn { line-height:51px; text-decoration:none; }
#change_order,
#delete_tag,
#edit_btn { display:block; border:none; background-color:#000; border-radius:8px; cursor:pointer; color:#FFF; width:298px; height:61px; margin:50px 15px; padding: 5px 15px; font-size:21px; }
.adult-check { padding-left:10em; }
.photo_list { width:100%; margin:10px auto 30px auto; border-collapse:collapse; }
.photo_list th { background-color:#000; color:#FFF; text-align:center; }
.photo_list td { background-color:#ecf2fe; color:#000; }
.photo_list tr:nth-child(2n) td { background-color:#FFF; color:#000; }
.photo_list th,
.photo_list td { padding:10px; border:1px solid #CCC; }
.no_th { width:40px; }
.thumbnails_th { max-width:500px; }
.created_at_th { width:200px; }
.control_th { width:50px; }
.no_td { text-align:center; white-space: nowrap; }
.control_td { text-align:center; white-space: nowrap; }
.control_td a { color:#000; }
.flash_message { text-align:center; margin:10px 0; }
.pagination { display:flex; justify-content:center; align-items:center; margin-bottom:30px; }
.pagination li { margin:0 10px; }
.img_info { max-width:655px; text-align:left; margin:0 auto; }
.input_title { color:#000; max-width:1200px; margin:0 auto 10px auto; text-align:left; }
.before_after { color:#000; font-size:30px; }
.before span { color:#FFF; background-color:#000; padding:5px; border-radius:5px; min-width:25px; white-space: nowrap; }
.after span { color:#000; background-color:#FFF; border:1px solid #000; padding:5px; border-radius:5px; min-width:25px; white-space: nowrap; }
.before,
.after { margin-bottom:8px; text-align:center; }
.center { text-align:center; }
.right { text-align:right; }
.tag_title { max-width:655px; color:#000; vertical-align:middle; margin:0 auto 10px auto; text-align:left; }
.pagination li span { display:block; padding:10px; background-color:#FFF; color:#000; border:1px solid #000; text-decoration:none; border-radius:5px; }
.pagination li a { display:block; padding:10px; background-color:#000; color:#FFF; border-radius:5px; text-decoration:none; }
.pagination li a:hover { opacity:0.5; }
#tags_wrap,
#tags,
.tags,
#list_add_tag1,
#list_add_tag2,
#list_add_tag3 { max-width:1200px; }
.wide-box,
#tags.single-tags,
.tags.single-tags,
#list_add_tag1.single-tags,
#list_add_tag2.single-tags,
#list_add_tag3.single-tags { max-width:655px; }
#form_ord,
#form_del { margin-top:20px; }
#tags_wrap { margin:0 auto 0 auto; padding:20px 0; }
#show_tags { margin:20px 10px; }
#show_tags a,
#tags a,
.tags a,
#list_add_tag1 a,
#list_add_tag2 a,
#list_add_tag3 a { color:#000; text-decoration:none; }
#show_tags:hover,
#tags a:hover,
.tags a:hover,
#list_add_tag1 a:hover,
#list_add_tag2 a:hover,
#list_add_tag3 a:hover { text-decoration:underline; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.blue_text { color:#000; }
.search-select { padding:5px 10px; margin:5px; font-size:19px; }
#no-result { text-align:center; }
.img-controls { margin:5px 20px; }
.imgedit span { color:#000; }
.imgedit i:hover,
.imgedit a:hover { opacity:0.5; }
#del-control { margin-top:50px; }
.checkall { margin-left:20px; }
.img-attr { padding:0 5px; min-width:100px; }
#info-btn { position:absolute; right:0; top:0; padding:15px; width:45px; height:45px; cursor:pointer; background-color:#007aff; z-index:10000; color:#FFF;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#prev-btn,
#next-btn { position:absolute; top:50%; margin:-44px 10px 0 10px; width:27px; height:44px; cursor:pointer; z-index:10000; background-repeat:no-repeat; }
#prev-btn:hover,
#next-btn:hover { opacity:0.5; }
#prev-btn { left:0; background-image: url(../img/left.svg); }
#next-btn { right:0; background-image: url(../img/right.svg); }
#slider {
    position: relative;
    width: 100%;
}
#slider-view {
    position: relative;
    overflow: hidden;
}
#slider-container {
    position: absolute;
    top: 0;
    left: 0;
}
#slider-container li {
    position: relative;
    float: left;
}
#slider-container div {
	float:left;
	width:50%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
#slider-container {
  -webkit-transform:translate3d(0,0,0);
}
#info-btn { cursor:pointer; }
.caption { position:absolute; top:0; left:0; background:rgba(80, 80, 80, 0.15); font-size:13px; padding:10px 20px; color:#FFF;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.width50 { width:50%; }
.left { text-align:left; }
.controls_th { min-width:250px; }
#copy_btn { height:40px; }
.hidden_read_text { display:none; }

.bb1 { border-bottom:1px dashed #000; }
.list_title { padding-top:10px; border-bottom:1px dashed #000; font-size:18px; word-break:break-all; font-weight:bold; }
.list_title a { text-decoration:none; }
.list_title a:hover { opacity:0.5; }
.list_title i { font-size:24px; }
.price-work { display:flex; align-items:center;}
.button-label { font-size:13px; line-height:16px; text-align:center; }
.button2 { text-decoration:underline; }
.button2:hover { text-decoration:none; }
.button-container { width:45px; height:37px; margin-left:auto; margin-right:auto; text-align:center; }
.w80 { width:80px; }
.button-link { width:80px; text-decoration:none; cursor:pointer; }
.button-link:hover { opacity:0.5; text-decoration:none; }
.p10 { padding:10px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.m20 { margin:20px; }
.m30 { margin:30px; }
.m40 { margin:40px; }
.w140 { width:140px; }
.header-menu {  }
.btn2 { padding:6px 10px; background-color:#000; color:#FFF; text-decoration:none; display:block; text-align:center; }
.btn3:hover,
.btn2:hover { opacity:0.5; }
.btn3 { border-radius:40px; padding:20px 30px; color:#FFF; background-color:#01c3ff; font-size:24px; text-decoration:none; }
.admin-color { background-color:#fff4f4; }
.button2 { background-color:transparent; border:none; color:#000; cursor:pointer; }
.book-pages { width:240px; margin:0 auto; }
.book-image-container { width:120px; float:right; text-align:center; margin-bottom:30px; min-height:290px; padding-bottom:30px; border-bottom:1px solid #CCC; }
.start_left-container { display:none; }

.book-item li {
  display: inline-block;
}

.book-images { width: 100px; }
.book-images1 { width:100px; border: solid; border-color:#FF0000;}
.h40 { height:40px; }
.cnt { width:110px; height:36px; padding:10px 10px 0 10px; font-size:12px; text-align:center; border:1px solid #000; color:#000; }
.avatar_image { border-radius:10px; width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain; border:1px solid #e9e9e9; }
.hover-menu { position:relative; cursor:pointer; width:200px; }
.submenu { position:absolute; display:none; width:200px; padding-top:5px; }
input[type=radio]{
  display: none;
}
input[type=radio] + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
input[type=radio] + label::before{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 2px solid #000;
  border-radius: 50%;
}
input[type=radio]:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 4px;
  width: 11px;
  height: 11px;
  background: #000;
  border-radius: 50%;
}
input[type=checkbox]{
  display: none;
}
.checkbox-text{
  padding-left: 30px;
  position:relative;
}
.checkbox-text::before{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 2px solid #000;
}
input[type=checkbox]:checked + .checkbox-text::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
}
.checkbox-text2{
  padding-left: 30px;
  position:relative;
}
.checkbox-text2::before{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #000;
}
input[type=checkbox]:checked + .checkbox-text2::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 10px;
  height: 18px;
  transform: rotate(40deg);
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
}
.absolute { position:absolute; }
.published-url-wrap { margin-left:auto; margin-right:auto; }
.published-url-wrap { border:2px solid #000; border-radius:none; background-color:#FFF; padding:2px 10px; }
.page_header { background-color:#FFF; }
.clear { clear:both; }
@media screen and ( max-width:1000px ){
    .controls { width:100%; padding:0 5px; right:0; }
    .controls p { float:left; margin:0 10px 5px 0; }
    .imgedit { margin-bottom:30px; }
}
@media screen and ( max-width:768px ){
    .upload_text { font-size:12px; max-width:520px; margin-left:-260px; top:30px; }
    .font-ll { font-size:20px; }
    .message { font-size:16px; }
    #logo,
    .pageTitle { font-size:20px; padding:15px 0 20px 0; }
    #text_add_tag1,
    #text_add_tag2,
    #text_add_tag3 { width:75%; }
    .flex-start-center,
    .flex-center,
    .flex-sa-center,
    .flex-sa,
    .flex-parent-justify,
    .flex-parent-justify-start,
    .flex-parent-center,
    .flex-parent-center-start { display:block; }
    .flex-parent-center #change_order,
    .flex-parent-center #delete_tag,
    .flex-parent-center #edit_btn,
    .flex-parent-center #upload_btn,
    .flex-parent-center #reset_btn { margin:30px auto; }
    .input-file { margin:0px auto 30px auto; display:flex; }
    #search_box { width:100%; }
    #search_text { width:80%; }
    #search_reset_btn,
    #search_btn { width:50%; margin:10px auto; }
    .no_th { width:auto; }
    .thumbnails_th { width:auto; }
    .created_at_th { width:auto; }
    .control_th { width:auto; }
     .photo_list { word-wrap: break-word; word-break:break-all; font-size:12px; }
     .photo_list td img { width:100%; height:auto; }
     .photo_list td input[type=checkbox] { display:block; }
}
@media screen and ( max-width:479px ){
    #edit1,
    #edit2 { margin-bottom:30px; }
    #wrapper { padding:20px 10px 100px 10px; }
    .top { padding:0 10px; }
    #text_add_tag1,
    #text_add_tag2,
    #text_add_tag3 { width:65%; }
    .photo_list	{ font-size:10px; }
    .created_at_th { width:60px; }
    .upload_text { font-size:10px; max-width:400px; margin-left:-200px; }
}
#locksystem_support {
  display: none;
}
a.no-underline {
  text-decoration: none;
}
a.underline-hover:hover {
  text-decoration: underline;
}

.table-sales_details {
    width: 100%;
}

.table-sales_details th,
.table-sales_details td {
    border: none;
    box-shadow: none;
    border-radius: 0 !important;
    width: auto;
}

.table-sales_details th:last-child,
.table-sales_details td:last-child {
    border-right: none;
}

.table-sales_details th+th,
.table-sales_details td+td {
    border-left: dashed 1px #000;
}

.table-sales_details th {
    color: #000;
    background: none;
    padding-bottom: 22px;
    font-weight: bold;
}

.table-sales_details td {
    padding: 4px 6px;
    text-align: right;
    font-weight: bold;
}

.table-sales_details .item_group_title {
    width: auto;
}

.table-sales_details td.item_group_title {
    text-align: left;
}

.table-sales_details .payment_amount {
    width: 140px;
}

.table-sales_details .wholesale_price {
    width: 100px;
}

.table-sales_details .sales_count {
    width: 120px;
}

.table-sales_details .total_payment_amount {
    width: 140px;
}