@charset "utf-8";
html{height:100%;color:#000;background:#FFF}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{vertical-align:bottom;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 {height:100%;font-family: "Hiragino Kaku Gothic ProN","メイリオ", Arial,Helvetica Neue,Helvetica,sans-serif;}
* {
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
word-break:break-all; word-wrap:break-word;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
textarea { width:100%; }
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;
}
input[type=checkbox],
label { cursor:pointer; }
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:#353535; transition : all 0.5s ease 0s; }
html { background-color:#FFF; }
select { max-width:400px; }
img { max-width:100%; }
#admin #wrapper { padding:40px 10px 100px 10px; }
#wrapper { padding:200px 10px 100px 10px; }
.pageTitle,
#logo { color:#FFF; text-align:center; font-size:26px; }
#logo_img { background-color:#31a5d8; height:40px; color:#FFF; padding:20px; display:flex; justify-content:space-between; }
#logo_img img { width:200px; height:40px; }
.login { padding-top:100px; text-align:center; }
.alert { margin:0 auto; text-align:center; color:#FF0000; }
.error { margin:0 auto; text-align:center; color:#FF0000; }
.login #login_id { padding:18px 30px; font-size:20px; max-width:320px; }
.login #email { padding:18px 30px; font-size:20px; max-width:320px; }
.login input[type=password] { padding:18px 30px; font-size:20px; max-width:320px; }
input[type=date],
input[type=text],
input[type=tel],
input[type=email],
input[type=password] { background-position:10px center; background-repeat:no-repeat; border:1px solid #CCC; border-radius:8px; width:100%; color:#31a5d8; }
input[type=radio],
input[type=checkbox] { vertical-align:middle; }
.page-link { color:#FFF; }
.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:#31a5d8; }

.tags_li { background-color:#FFF; margin:5px; border-radius:8px; display:inline-block; }
#add_tag1,
#add_tag2,
#add_tag3 { width:100px; background-color:#31a5d8; 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; }
.btn,
#search_reset_btn,
#search_btn { border:none; background-color:#31a5d8; border-radius:8px; cursor:pointer; color:#FFF; width:200px; padding: 18px 10px; margin:10px 10px 20px 10px; 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; }
#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:#31a5d8; 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: #31a5d8;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #31a5d8;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #31a5d8;
}
:-moz-placeholder { /* Firefox 18- */
  color: #31a5d8;
}
.item_name_th {  }
.controls_th { width:20%; }
.upload a { display:block; color:#FFF; background-color:#31a5d8; background-image:url(../img/upload.jpg); width:200px; height:200px; margin:0 auto; text-align:center; text-decoration:none; padding:10px 0; border-radius:10px; }
.photo_up { text-align:center; }

.tmp_img{ margin:0 45px; }
.preview {
  margin:0 auto;
  width:230px;
  height:145px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  cursor:pointer;
  background-image:url(../img/click_here.jpg)
}
#item_image {
  margin:0 auto;
  width:230px;
  height:145px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.input-file { width:230px; height:145px; display:block; margin:0 auto 10px auto; }
.input-file input[type="file"] {
  opacity: 0;
}
#upload_btn:disabled { opacity:0.5; }
#delete_btn { display:block; border:none; background-color:#31a5d8; border-radius:8px; cursor:pointer; color:#FFF; width:200px; height:40px; padding: 5px 15px; }
#reset_btn { display:block; border:none; background-color:#31a5d8; 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:#31a5d8; border-radius:8px; cursor:pointer; color:#FFF; width:298px; height:61px; margin:50px 15px; padding: 5px 15px; font-size:21px; }

.photo_list { width:100%; margin:10px auto 30px auto; border-collapse:collapse; }
.photo_list th { background-color:#31a5d8; color:#FFF; text-align:center; }
.photo_list td { background-color:#ecf2fe; color:#31a5d8; }
.photo_list tr:nth-child(2n) td { background-color:#FFF; color:#31a5d8; }
.photo_list th,
.photo_list td { padding:10px; border:1px solid #CCC; }
.no_th { width:40px; }
.thumbnails_th { 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:#31a5d8; }
.flash_message { text-align:center; margin:10px 0; }
.img_info { max-width:655px; text-align:left; margin:0 auto; }
.input_title { color:#31a5d8; max-width:1200px; margin:0 auto 10px auto; text-align:left; }
.photoDelete { position:absolute; right:-20px; top:-20px; font-size:24px; height:24px; line-height:24px; z-index:9998; }
.photo-box img { border:10px solid #FFF; border-radius:10px; }
.before_after { color:#31a5d8; font-size:30px; }
.before span { color:#FFF; background-color:#31a5d8; padding:5px; border-radius:5px; min-width:25px; white-space: nowrap; }
.after span { color:#31a5d8; background-color:#FFF; border:1px solid #31a5d8; padding:5px; border-radius:5px; min-width:25px; white-space: nowrap; }
.hide { display:none; }
.before,
.after { margin-bottom:8px; text-align:center; }
.center { text-align:center; }
.tag_title { max-width:655px; color:#31a5d8; vertical-align:middle; margin:0 auto 10px auto; text-align:left; }
.pagination { display:flex; justify-content:center; align-items:center; margin-bottom:30px; }
.pagination li { margin:0 7px; }
.pagination li span { display:block; padding:10px; background-color:#FFF; color:#31a5d8; border:1px solid #31a5d8; text-decoration:none; border-radius:5px; }
.pagination li a { display:block; padding:10px; background-color:#31a5d8; color:#FFF; border-radius:5px; text-decoration:none; }
.pagination li a:hover { opacity:0.5; }
.pagination li.disabled { display:none; }
#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:#31a5d8; 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; }
.news-date { padding-right:10px; font-size:12px; min-width:110px; }
.news-list { max-width:520px; min-width:110px; overflow:hidden; word-wrap:break-word; word-break:break-all; }
.ml1 { margin-left:1px; }
.ml2 { margin-left:2px; }
.ml3 { margin-left:3px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px; }
.ml200 { margin-left:200px; }
.mr1 { margin-right:1px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.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; }
.mlr40 { margin-left:40px; margin-right:40px; }
.mtb10 { margin-top:10px; margin-bottom:10px; }
.mtb20 { margin-top:20px; margin-bottom:20px; }
.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; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.m20 { margin:20px; }
.m30 { margin:30px; }
.m40 { margin:40px; }
.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; }
.p10 { padding:10px; }
.p10-20 { padding:10px 20px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.p40 { padding:40px; }
.ptb30 { padding-bottom:30px; padding-top:30px; }
.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; }
.search-select { padding:5px 10px; margin:5px; font-size:19px; }
#no-result { text-align:center; }
.img-controls { margin:5px 20px; }
.imgedit span { color:#31a5d8; }
.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;
}
.text-table { width:100%; }
.text-table td,
.text-table th { padding:10px; vertical-align:middle; }
.text-table th { background-color:#CCC; }
.w60 { width:60px; }
#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;
}
.mw1 { max-width:300px; }
.photoSelect { cursor:pointer; width:230px; height:145px; cursor:pointer; }
#header-control { height:40px; color:#FFF; padding:20px; display:flex; justify-content:space-between; flex-direction:row-reverse; }
#header-control a { color:white; }
.page-url { color:white; font-weight:bold; }
a.save-btn { color:#FFF; background-color:#31a5d8; padding:10px; text-decoration:none; border-radius:10px; border:2px solid #CCC; font-weight:bold; font-size:16px; cursor:pointer; }
a.save-btn:hover { opacity:0.5; }
.menu-icons a { text-decoration:none; }
.menu-icons { font-size:28px; }
.menu-icons:hover { cursor:pointer; }
.menu-controls { background-color:#FFF; text-align:right; display:none; z-index:9999; position:absolute; border:1px solid #CCC; border-radius:4px; padding:5px; right:20px; }
.menu-controls li:first-child { border:none; }
.menu-controls li { border-top:1px dotted #CCC; }
#header-control .menu-controls a { padding:5px 20px; display:block; text-decoration:none; cursor:pointer; color:#31a5d8; }
#header-control .menu-controls a:hover { color:white; }
.fas a { width:100%; height:100%; }
.menu-controls a:hover,
.logout-btn:hover { background-color:#CCC; color:#FFF; }
.logout-btn { width:100%; padding:5px 20px; background-color:white; color:#31a5d8; text-align:right; }
#header-admin { background-color: #ea9595; }
#header-user { background-color:rgba(49,165,216,0.8); position:fixed; width:100%; z-index:9999; }
#header-cart { background-color: #ff8c00; }
.flex { display:flex; }
.flex-sa { display:flex; justify-content:space-around; }
.flex-sb { display:flex; justify-content:space-between; }
.flex-center { display:flex; justify-content:center; }
.flex-start-center { display:flex; justify-content:flex-start; align-items:center; }
.flex-center-center { display:flex; justify-content:center; 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; }
.flex-wrap { display:flex; flex-wrap:wrap; }
.flex-wrap-start-end { display:flex; flex-wrap:wrap; align-items:flex-end; }
.s-box { max-width:300px; margin:0 auto; overflow:hidden; }
.box { max-width:600px; margin-left:auto; margin-right:auto; width:100%; overflow:hidden; }
.m-box { max-width:800px; margin-left:auto; margin-right:auto; width:100%; overflow:hidden; }
.l-box { max-width:1200px; margin-left:auto; margin-right:auto; width:100%; overflow:hidden; }
.box2 { max-width:600px; width:100%; padding:0 10px; overflow:hidden; }
.textarea { min-height:400px; }
input[type=number].number-input { border-radius:2px; border:1px solid #CCC; text-align:right; max-width:80px; padding:10px; }
.code,
.textarea,
input[type=time].time-input { padding:10px 20px; border-radius:2px; border:1px solid #CCC; }
input[type=password].text-input,
input[type=date].text-input,
input[type=tel].text-input,
input[type=email].text-input,
input[type=text].text-input { padding:10px 20px; border-radius:2px; width:100%; border:1px solid #CCC; margin-left:auto; margin-right:auto; color:#000; }
input[type=date].short-input,
input[type=tel].short-input,
input[type=email].short-input,
input[type=text].short-input { max-width:200px; }
input[type=text].mini-input { max-width:100px; }
select:disabled,
textarea:disabled,
input.grey-color,
input:disabled { background-color:#ccc; }
select:required,
textarea:required,
.req-color,
input:required { background-color:#ffe7dd; }
.bl { display:block; }
input[type="submit"].submit-btn { color:#FFF; background-color:#31a5d8; padding:20px 60px; border-radius:5px; }
.bold { font-weight:bold; }
.list > li { border-bottom:1px dotted #000; }
.small { font-size:12px; }
.big { font-size:20px; }
.right { text-align:right; }
.list_name { max-width:360px; overflow:hidden; word-wrap:break-word; word-break:break-all; }
.list_title { overflow:hidden; word-wrap:break-word; word-break:break-all; }
.button { border:none; background-color:#31a5d8; border-radius:5px; cursor:pointer; color:#FFF;padding: 8px 15px; text-decoration:none; line-height:150%; font-size:16px; display:inline-block; font-weight:bold; word-wrap:normal; word-break:keep-all; text-align:center; }
.button2:hover,
.button:hover { opacity:0.5; }
.button2 { border:none; background-color:#31a5d8; border-radius:5px; cursor:pointer; color:#FFF;padding: 2px 4px; text-decoration:none; line-height:150%; font-size:16px; display:inline-block; font-weight:bold; word-wrap:normal; word-break:keep-all; text-align:center; }
.big-button { border:none; background-color:#31a5d8; border-radius:5px; cursor:pointer; color:#FFF;padding: 15px; text-decoration:none; line-height:150%; font-size:24px; display:inline-block; font-weight:bold; }
.big-button:hover { opacity:0.5; }
#item_group_list { display:none; padding:20px 30px; /*max-height:600px; overflow:scroll;*/ text-align:left; background-color:#FFF; border-radius:2px; z-index:9999; position:absolute; top:0; left:0; width:100%; }
#item_group_list li { border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px; display:block; }
#item_group_list a { font-weight:bold; }
#item_group_list a:hover { text-decoration:none; }
.no-radius-bottom { border-radius-bottom-left:0; border-radius-bottom-right:0; }
.information { display:block; border:1px solid #000; padding:20px 30px; }
.information-title { font-size:20px; border-bottom:1px solid #000; }
.title { font-size:20px; }
.table3,
.table { width:100%; border-collapse:collapse; }
table.layout { table-layout:fixed; }
.table3 th,
.table3 td,
.table th,
.table td { padding:10px; border:1px solid #CCC; word-break:break-all; word-wrap:break-word; }
td.nowrap { word-break:keep-all; word-wrap:normal; }
.table th.no-pad,
.table td.no-pad { padding:0px; border:1px solid #CCC; }
.table3 th,
.table th { background-color:#31a5d8; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle; }
.table tr { background-color:#FFF; }
.table tr:nth-child(odd) { background-color:#f8f4f1; }
.table tr.deactive { background-color:grey; }
.plain { text-decoration:underline; color:#31a5d8; background-color:transparent; }
.plain:hover { text-decoration:none; }
.table tr:nth-child(even) .plain { background-color:transparent; }
.table2 th,
.table2 td { padding:10px; }
.m-center,
.m-auto { margin-left:auto; margin-right:auto; }
.bb { border-bottom:1px solid #000; }
.bb1 { border-bottom:1px solid #ccc; }
.bb2 { border-bottom:1px dotted #000; }
.underline { border-bottom:1px dotted #000; padding-bottom:2px; }
.circle1 { color:#a0d8ef; margin-right:5px; }
.circle2 { color:#f2a0a1; margin-right:5px; }
.circle3 { color:#82ae46; margin-right:5px; }
.circle4 { color:#f6ad49; margin-right:5px; }
#open_this { display:none; }
.upload-here { background-image:url(../img/select_img.png); }
#select-item-group { z-index:9999; position:absolute; top:0; left:0; }
.relative { position:relative; }
#cover { background-color:rgba(0,0,0,0.5); z-index:9998; width:100%; height:100%; position:absolute; top:0; left:0; }
.bl-label { width:100%; padding:10px; display:block; }
.red { color:#ea9595; font-weight:bold; }
.red2 { color:red; font-weight:bold; }
.list li.current-period { background-color:yellow; }
#user_list { flex-wrap:wrap; }
#user_list li { max-width:150px; margin-right:20px; }
.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; }
#status_message_area { display:none; }
.table tr.canceled { text-decoration:line-through; background-color:#888; }
.disabled { background-color:#EEE; }
.datepicker { text-align:right; max-width:200px; }
.row { width:150px; height:20px; font-size:12px; }
.label_row { border:1px solid #000; width:150px; height:100px; text-align:center; }
.row { border:1px solid #888; }
.calendar { width:100%; table-layout:fixed; }
.calendar th,
.calendar td { border:1px solid #888; vertical-align:top; }
.calendar th { text-align:center; font-weight:bold; }
.block { display:block; }
.schedule_date { height:25px; }
.schedule_text1,
.schedule_text2 { min-height:100px; /*overflow-x:scroll;*/ border-top:1px solid #CCC; }
.schedule_text1.noborder { border-top:none; }
.modal-btn { cursor:pointer; }
.schedule_modal_bg { display:none; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); position:fixed; top:0; left:0; z-index:9999; overflow:scroll; }
.schedule_modal { max-width:600px; width:100%; margin-top:30px; margin-left:auto; margin-right:auto; padding:40px; background-color:#FFF; z-index:9999; }
.close-btn { position:absolute; right:10px; top:10px; font-size:40px; height:40px; width:40px; line-height:40px; border-radius:40px; background-color:rgba(255,255,255,0.5); z-index:10000; text-align:center; vertical-align: }
.close-btn i { vertical-align:top; cursor:pointer; }
.calendar_sat { color:#3da1cd; }
.calendar_sat.calendar_holiday,
.calendar_holiday,
.calendar_sun { color:#e45b62; }
th.calendar_sat { background-color:#3da1cd; color:#FFF; }
th.calendar_sun { background-color:#e45b62; color:#FFF; }
.fixed-height { /*height:600px; overflow:scroll;*/ width:100%; border-bottom:1px solid #888; }
.time_row { width:60px; text-align:center; font-size:12px; }
.border-wide { border-top:2px solid #000; }
.cal_row { display:block; width:100%; height:100%; }
.full,
.reserved { background-color:gold; border-right:2px solid #888; border-left:2px solid #888; }
.full { background-color:coral; }
.no-border { border-top:none; border-bottom:none; }
.border-top { border-top:2px solid #888; }
.border-bottom { border-bottom:2px solid #888; }
.reserve_box { border:1px solid #000; padding:10px 30px; max-width:600px; width:100%; overflow:hidden; }
.nowrap { word-break:keep-all; word-wrap:normal; }
.wrap { word-break:break-all; word-wrap:break-word; }
.check_col { width:100px; }
.out { background-color:#555555; }
.out:hover { opacity:1; cursor:default; }
tr.finished,
tr.finished:nth-child(2n+1),
tr.deleted,
tr.deleted:nth-child(2n+1),
tr.sent:nth-child(2n+1),
tr.sent { background-color:#888; }
.font-ll { font-size:24px; font-weight:bold; }
.font-l { font-size:20px; font-weight:bold; }
.font-s { font-size:12px; }
.font-s1 { font-size:14px; }
.w100 { width:100px; }
.w100p { width:100%; }
.enclosure { border:1px solid #000; padding:20px; }
.enclosure2 { border:1px solid #CCC; padding:20px; background-color:#FFF; text-align:center; }
.h60 { height:60px; }
.h100 { height:100px; min-height:0; }
.h200 { height:200px; min-height:0; }
.h240 { height:240px; min-height:0; }
.half { width:50%; }
.half-l { width:50%; margin-right:20px; }
.half-r { width:50%; margin-left:20px; }
.pattern-child { display:none; position:absolute; width:400px; height:auto; left:50%; margin-left:-200px; }
.bottom0 { bottom:0; }
.left { text-align:left; }
.color_set1 { background-color:#f4cebf; color:#604c40; font-weight:bold; padding:5px; width:60px; border-radius:5px; }
.color_set2 { background-color:#bfe2f5; color:#5c5b59; font-weight:bold; padding:5px; width:60px; border-radius:5px; }
.color_set3 { background-color:#bad89a; color:#5c5b59; font-weight:bold; padding:5px; width:60px; border-radius:5px; }
.pc1300,
.pc1000,
.pc768,
.pc479 { display:block; }
.brsp768,
.brsp479,
.sp1200,
.sp1000,
.sp768,
.sp479 { display:none; }
.pc { display:block; }
.sp { display:none; }
.group,
.b-box { border:1px solid #000; }
.heading { background-color:#CCC; padding:10px; font-size:20px; }

.popUp1 { transition:0.2s ease-in-out; }
.popUp1:hover { transform: translateY(-4px); }
.popUp2 { transition:0.2s ease-in-out; }
.popUp2:hover { box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.25); transform: translateY(-4px); }
.preview_iframe { width:100%; border:1px solid #000; pointer-events: none; }

.heading1 {position: relative; padding:6px 0 6px 40px; border-bottom:1px solid #604c40; font-size:22px; }
.heading1::before {position: absolute; border-left:1px solid #604c40; height: 170%; left:20px;content:'';}
.brown { background-color:#f8f4e6; }
.patterns-label { width:170px; }
.color_table_btn { border:1px solid #000; cursor:pointer; width:30px; height:30px; margin-right:10px; }
.color_table { z-index:10001; top:10px; left:0; border-collapse:collapse; position:absolute; border:2px solid #000; }
.color_table td { border:1px solid #000; }
.colors { width:16px; height:20px; cursor:pointer; }
.error_outline { outline:2px solid #FF0000; }
.schedule_select { border:1px solid #CCC; }

@keyframes fadeIn1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn3 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity:1;
     
  }
  100% {
    opacity:0;
    z-index:0;
  }
}
@media screen and ( max-width:1300px ){
    .pc1300 { display:none; }
    .flex-sa.break1300 { display:block; }
    .half.break { width:100%; }
    .flex.break,
    .flex-wrap.break,
    .flex-reverse.break,
    .flex-sa.break,
    .flex-sb.break,
    .flex-center.break,
    .flex-center-center.break,
    .flex-sb-center.break,
    .flex-sa-center.break,
    .flex-sb-end.break,
    .flex-sa-end.break { display:block; }
}
@media screen and ( max-width:1000px ){
    .pc1000 { display:none; }
    .sp1000 { display:block; }
    .half.break1000 { width:100%; }
    .flex.break1000,
    .flex-wrap.break1000,
    .flex-reverse.break1000,
    .flex-sa.break1000,
    .flex-sb.break1000,
    .flex-center.break1000,
    .flex-center-center.break1000,
    .flex-sb-center.break1000,
    .flex-sa-center.break1000,
    .flex-sb-end.break1000,
    .flex-sa-end.break1000 { display:block;width: 100%; }
    .table { table-layout:auto; }
    .nowrap { word-break:break-all; word-wrap:break-word; }
    .box2 { margin-left:auto; margin-right:auto; }
    .flex.break,
    .flex-center-center.break,
    .flex-center.break,
    .flex-sb.break,
    .flex-sa.break { display:block; }
    .controls { width:100%; padding:0 5px; right:0; }
    .controls p { float:left; margin:0 10px 5px 0; }
    .imgedit { margin-bottom:30px; }
    .reserve_box { margin-left:auto; margin-right:auto; }
    .half.break { width:100%; }
    .half-l.break { width:100%; margin-right:0px; }
    .half-r.break { width:100%; margin-left:0px; }
}
@media screen and ( max-width:768px ){
    .pc768 { display:none; }
    .sp768 { display:block; }
    .half.break768 { width:100%; }
    .flex.break768,
    .flex-wrap.break768,
    .flex-reverse.break768,
    .flex-sa.break768,
    .flex-sb.break768,
    .flex-center.break768,
    .flex-center-center.break768,
    .flex-sb-center.break768,
    .flex-sa-center.break768,
    .flex-sb-end.break768,
    .flex-sa-end.break768 { display:block; }
    .brsp768 { display:block; }
    #logo,
    .pageTitle { font-size:20px; padding:10px 0 10px 0; }
    #text_add_tag1,
    #text_add_tag2,
    #text_add_tag3 { width:75%; }
    .flex-parent-justify { display:block; }
    .flex-parent-justify-start { display:block; }
    .flex-parent-center { display:block; }
    .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; }
    .photo-box .tmp_img { margin:30px auto; width:100%; height:auto; }
    .photo-box .tmp_img img {  }
    #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; }
    .cancel-btns { display:block; }
    .bl-label span { display:block; }
}
@media screen and ( max-width:479px ){
    .patterns-label { margin-left:auto; margin-right:auto; }
    .pc479 { display:none; }
    .sp479 { display:block; }
    .half.break479 { width:100%; }
    .flex.break479,
    .flex-wrap.break479,
    .flex-reverse.break479,
    .flex-sa.break479,
    .flex-sb.break479,
    .flex-center.break479,
    .flex-center-center.break479,
    .flex-sb-center.break479,
    .flex-sa-center.break479,
    .flex-sb-end.break479,
    .flex-sa-end.break479 { display:block; }
    .brsp479 { display:block; }
    .pc { display:none; }
    .sp { display:block; }
    #edit1,
    #edit2 { margin-bottom:30px; }
    .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; }
    .table img { width:100%; }
    .check_col { width:50px; }
}
#print { display:none; }
@media print{
	#print { display:block; }
	#header-user,
	#wrapper { display:none; }
}