/* =========================================================================== */
/* 全体(デスクトップPCとスマホ)に適用するCSS */

/* リセット */
/* html, body { margin: 0; height: 100%; font-family: sans-serif; } */
/* 以下元から設定してあったやつ */
ol, ul { list-style-type: none; margin: 0; padding-left: 0; }
/* ol, ul { list-style-type: none; margin: 0; } */
/* li { display: block; }  */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input, textarea, select {outline:none;}
/* ボタンタップのリセット */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
/* box-sizing初期化 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* =========================================================================== */
/* ボディ */
/* html { font-size: 62.5%; } */
html { font-size: 15px; }
body {
  margin: 0 ;                /* スペース */
  padding: 0 ;            /* 余白 */
  /* font-size: 1.5px ; */  /* remでフォントサイズ指定する場合は、html(root)にベースサイズ指定する */
  line-height: 1.618 ;    /* 行の高さ */

  /* ゴシックサンプル */
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  /* 明朝サンプル */
  /* font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */

  /* ゴシックサンプル 事前に以下のimportを外側に記述すること */
  /* @import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic); */
  /* font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; */

  /* 明朝サンプル 事前に以下のimportを外側に記述すること */
  /* @import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700); */
  /* font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; */
}

/* =========================================================================== */
/* ヘッダー */
header {
  border-bottom: 3px solid #c3c3c3 ;        /* 枠線 */
  text-align: center ;                /* テキスト、画像の真ん中寄せ */
  padding: 1rem 0 ;                    /* 上下の余白 */
  margin-bottom: 2rem ;                /* 他のブロックとのスペース */
  background: #eee ;                /* 背景色(確認用) */
  overflow: hidden;
}

/* ロゴ画像を囲む[h1] */
header .logo-wrapper {
  margin: 0 ;            /* スペース */
  padding: 0 ;        /* 余白 */
  line-height: 2rem ;    /* 行の高さ */
}

/* ロゴ画像 */
header .logo {
  width: 800px ;        /* 横幅 */
  height: auto ;        /* 高さ */
}


/* =========================================================================== */
/* メニュー */
/* Flexboxの設定 */
header ul#menu {
  display: -webkit-flex; /* Safari(same as display: flex) */
  display: -webkit-box;  /* Android 2~4(same as display: flex) */
  display: flex;
  -webkit-justify-content: space-around; /* Safari(same as justify-content) */
  -webkit-box-pack:        space-around; /* Android 2~4(same as justify-content) */
  justify-content:         space-around;
}
header ul#menu li {
  text-align: center;
  -webkit-flex-grow: 1; /* Safari(same as flex-grow) */
  -webkit-box-flex:  1; /* Android 2~4(same as flex-grow) */
  flex-grow:         1;
  -webkit-flex: auto;  /* Safari(same as flex) */
  flex:         auto;
}
header ul#menu li:not(:last-child) {
  /* border-right: 1px solid rgba(0,255,255,0.2); */
  border-right: 1px solid #fff;
}
header ul#menu li a {
  display: inline-block;
  /* padding: .5rem 0; */
  text-decoration: none;
  width: 100%;
  color: #000;
  /* text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
     border-bottom: 2px solid rgba(0,0,0,0.2);
     border-top: 2px solid rgba(255,255,255,0.2); */
  background-color: #c3c3c3;
  height: 60px; /* .footerのpadding-bottomと合わせること */
  line-height: 60px; /* .footerのpadding-bottomと合わせること */
}
/* 現在選択されているメニュー */
header ul#menu li a.current {
  color: #ff0;
  background-color: #999;
}

/* メニューの固定(footer部分へ) */
.menu-wrapper {
  position: fixed;       /* 絶対位置指定することを定義 */
  bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
  z-index: 100; /* 100番より大きいと詳細キューブの上に表示されるので注意 */
  width: 100%;
}

/* =========================================================================== */
/* フッター */
.footer {
  border-top: 3px solid #c3c3c3 ;        /* 枠線 */
  text-align: center ;                /* テキスト、画像の真ん中寄せ */
  margin-top: 2rem ;                    /* 他のブロックとのスペース */
  padding: 1rem 0 ;                    /* 上下の余白 */
  padding-bottom: 60px;               /* header ul#menu li aのheightと合わせること */
  background: #eee ;             /* 背景色(確認用) */
}

/* =========================================================================== */
/* コンテンツ */
.contents-wrapper {
  width: 700px ;
  margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
  padding: 0 ;		/* 上下左右の余白を0にしておく */
}

/* 見出し2 */
h2{
    background-color:#eee;
    color:#000;
    padding:4px;
    font-size:1.5rem;
    font-weight:bold;
}
/* 見出し3 */
h3{
    background-color:#6c0;
    color:#000;
    padding:4px;
    font-size:1.2rem;
    font-weight:bold;
}

/* エラーメッセージ */
.error {
  color:#cc3333;
}
div.error {
  color:#cc3333;
  background:#eecccc;
  margin: 0.3rem 0;
  padding: 0.3rem 0.3rem;
}
/* エラーメッセージ確認用(リリース時はコメント化すること) */
/*
.error:after {
  content: "エラーメッセージの確認用に使用してください。";
}
*/

/* =========================================================================== */
/* 入力フォーム */
.input-form input,
.input-form select,
.input-form textarea {
  margin: 0.5rem 0;
  font-size: 1.5rem;
  height: 2.5rem;
}
.input-form input[type=radio],
.input-form input[type=checkbox] {
  -moz-transform-origin: right bottom;
  -moz-transform: scale(1.5, 1.5);
  width: 1.5rem;
  height: 2.5rem;
  margin: 0 0.3rem;
  vertical-align: middle;
}
.input-form textarea {
  width: 90%;
  height: 8rem;
  line-height: 1.8rem;
}
.input-form select {
  padding: 0 4rem 0 0;
}
.input-form span.required {
  width: 3rem;
  /* display: inline-block; */
  background-color:#f99;
  margin:0.2rem;
  padding: 0.2rem 0.2rem;
}
.input-form span.required:before {
  content: "必須";
}


/* =========================================================================== */
/* ボタンエリア */
.button-area {
  margin: 0.8rem 0;
}
.button-area ul {
  display: -webkit-inline-box;  /* Android 2~4(same as display: flex) */
  display: -webkit-inline-flex; /* Safari(same as display: flex) */
  display: flex;
  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
  -webkit-box-pack:        space-around; /* Android 2~4(same as justify-content) */
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}
.button-area li {
  text-align: center;
  margin: 0 0.3rem
}

.button-area.left ul {
  -webkit-box-pack:		   flex-start; /* Android 2~4(same as justify-content) */
  -webkit-justify-content: flex-start; /* Safari */
  justify-content:		   flex-start;
}

.button-area.right ul {
  -webkit-box-pack:		   flex-end; /* Android 2~4(same as justify-content) */
  -webkit-justify-content: flex-end; /* Safari */
  justify-content:		   flex-end;
}

/* 予約画面の予約ボタンエリア(両端揃え) */
.button-area.reservation ul {
  -webkit-box-pack:		   space-between; /* Android 2~4(same as justify-content) */
  -webkit-justify-content: space-between; /* Safari */
  justify-content:		   space-between;
}

/* メニューなどの固定 */
.button-area.fixed {
  margin: 0 0;
  padding: 0.3rem 0;
  position: fixed;
  z-index: 999;
  top: 0;  
  left: 0;  
  width: 100%;  
  background: rgba(0,0,0,0.4);
  -webkit-overflow-scrolling: touch;
  outline: 0;
  transform: translate(0,0);
}

/* =========================================================================== */
/* 小さいサイズ */
.small {
  width: 160px;
}

/* 中くらいのサイズ */
.medium {
  width: 240px;
}

/* 大きいサイズ */
.large {
  width: 320px;
}

/* 小見出し基本 */
/* .input-form li span.subhead { */
.subhead {
  display: inline-block;
  color:#000;
}

/* ボタン基本 */
.btn {
  /* display: inline-block; */
  display: table-cell;
  padding: 10px 15px;
  text-align:center;
  vertical-align: middle;
  border-radius: 5px;
  text-decoration: none;
}

.btn.touch-ui {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 決定ボタン */
.btn.submit {
  font-weight: bold;
  color: #fff;
  border: 1px solid #c80;
  background: #fb3;
}
.btn.submit:hover,
.btn.submit:active,
.btn.submit.touched {
  border: 1px solid #fc0;
  background: #fe6;
}

/* 注意ボタン */
.btn.warning {
  font-weight: bold;
  color: #fff;
  border: 1px solid #f10;
  background: #c00;
}
.btn.warning:hover,
.btn.warning:active,
.btn.warning.touched {
  border: 1px solid #f10;
  background: #f66;
}

/* キャンセルボタン */
.btn.cancel {
  font-weight: bold;
  color: #fff;
  border: 1px solid #999;
  background: #c3c3c3;
}
.btn.cancel:hover,
.btn.cancel:active,
.btn.cancel.touched {
  color: #000;
  border: 1px solid #c3c3c3;
  background: #ececec;
}


/* =========================================================================== */
/* ローディング */
.loading {
  /* 最初は非表示にしておく */
  display: none;
  
  /* 領域の位置、サイズ指定 */
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;

  /* 背景色  */
  background-color: #000000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  background-image: url("/web/images/svg-loaders/oval.svg"); 0 0 no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
  /* onクラスをつけたときに表示する(for SASS) */
  /* &.on {
     display: block;
     } */
}
.loading.on {
  display: block;
}

/* =========================================================================== */
/* メディアクエリー */

/* 979px以下用（タブレット用）の記述 */
@media screen and (max-width:979px) {
}

/* 767px以下用（タブレット／スマートフォン用）の記述 */
@media screen and (max-width:767px) {
  .contents-wrapper {
	width: auto ;
	padding: 0 10px ;		/* 左右の余白 */
  }
}

/* 479px以下用（スマートフォン用）の記述 */
@media screen and (max-width:479px) {
  /* ボディ */
/* html { font-size: 62.5%; } */
  html {
    font-size: 16px ;    /* 文字サイズ(16px以上の場合は入力時のズームが発生しない) */
  }

  /* ロゴ画像 */
  header .logo {
    width: 340px ;        /* 横幅 */
  }

  /* コンテンツ */
  .contents-wrapper {
	width: auto ;
	padding: 0 10px ;		/* 左右の余白 */
  }

  /* 入力フォーム */
  .input-form input,
  .input-form select,
  .input-form textarea {
    width: 100%;
  }

  /* ボタン基本 */
  .btn {
    padding: 4px 6px;
    font-size: .8rem;
    height: 3.2rem;
    line-height: 1.2rem;
  }

  /* 小さいボタン */
  .btn.small {
    width: 80px;
  }

  /* 中くらいのボタン */
  .btn.medium {
    width: 160px;
  }

  /* 大きいボタン */
  .btn.large {
    width: 240px;
  }

}

/*    header
--------------------------------------------*/
header{
  /* overflow: hidden;
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height:32px;
     z-index:10; */
}

#information{
  /* background-color:#000;
     color:#fff;
     overflow:hidden;
     padding:0px 10px 0px 10px; */
}

/* #name{ */
header .cube-controll{
  /* font-size: 1.5rem;
     color: #fff;
     font-weight: bold;
     text-align:right;
     text-shadow: 1px 1px 3px #000;
     padding:0px 10px 0px 10px;
     overflow:hidden; */
}
.cube-controll a{
  /* color: #fff;
     text-decoration:none; */
}
.left{
  /* float:left;
     overflow:hidden; */
}
.right{
  /* float:right;
     overflow:hidden; */
}

/* information .left,
   information .right{
   width:auto;
   padding:4px 0px 4px 0px;
   }

   information .right{
   text-align:right;
   } */

/* #header-height{ */
  /* width:100%; */
    /*height:69px;*/
/* } */


/*　マイページ input style */
.table-input-text{
    width:97%;
}

#change-password th{
    width: 200px;
}


/*    キューブ
--------------------------------------------*/
/* 共通 */
.cube-box{
  /* margin:0px 10px 0px 10px; */
  margin: 0 auto;
  overflow: auto;
}

/* リンク */
.cube-box a{
    color:#252525;
    text-decoration: none;
}

/* キューブ本体 */
.cube{
    border:solid 3px #c3c3c3;
    background-color:#fff;
    border-radius:10px;
    overflow:hidden;
    float:left;
    margin-right:0.5%;
    margin-top:10px;
}

/* タイトル */
.cube h2{
  background-color:#eee;
  color:#000;
  padding:4px;
  font-size:1.4rem;
  font-weight:bold;
  line-height: 1.5rem;
}

/* タイトル内見出し */
.cube-deco{
  width:0.9rem;
  height:0.9rem;
  background-color:#c3c3c3;
  float:left;
  margin:0.2rem;
}
/* .cube-box .width100{
   width:100%;
   } */

/* 画像 */
.cube-img{
  line-height:0;
}
.cube-img img{
  width:100%;
}

/* 本文 */
.cube-comment{
    padding:4px;
    font-size : 1.2rem;
}

/* 二列レイアウト(左側) */
.cube-box .cube1:nth-child(odd),
.cube-box .cube2:nth-child(odd),
.cube-box .cube3:nth-child(odd),
{
    float:left;
    margin-right:0.5%;
}
/* 二列レイアウト(右側) */
.cube-box .cube1:nth-child(even),
.cube-box .cube2:nth-child(even),
.cube-box .cube3:nth-child(even),
{
    float:right;
    margin-right:0;
}

/* ui-state-default */
.ui-state-default {
    float:left;
    width:100%;
    border:0;
    background:none;
    margin:0 0.7% 0.7% 0;
    padding:0;
}

/* 編集モードのcubeソートボタン */
.ui-sortable .fa-bars {
    float:right;
}

/* edit_dpage */
/* .edit_dpage {
   clear:both;
   width:100%;
   border:0;
   background:#fff;
   }
 */

/* cube1(二列レイアウト) */
.cube1{
    width:48%;
}

/* .cube-box .cube1 h2{
   font-size : 2.0rem;
   } */

/* .cube1 .cube-img img{
   width:100%;
   } */

/* .cube1 .cube-comment{
   padding : 4px;
   font-size : 1.4rem;
   } */

/* cube2(二列レイアウト) */
.cube2{
    width:48%;
}

/* .cube-box .cube2 h2{
   font-size : 2.0rem;
   } */
/* .cube2 .cube-img{
   width:50%;
   float:left;
   overflow:hidden;
   margin-right:5px;
   } */
/* .cube2 .cube-img img{
   width:100%;
   } */
/* .cube2 .cube-comment{
   padding:5px;
   font-size : 1.5rem;
   } */

/* cube3(二列レイアウト) */
.cube3{
    width:48%;
}

/* .cube-box .cube3 h2{
   font-size : 2.0rem;
   } */
/* .cube3 .cube-comment{
   width:100%;
   float:left;
   overflow:hidden;
   text-align:center;
   font-size : 1.5rem;
   }
 */

/* cube4(参列レイアウト) */
.cube4{
    width:33%;
}

/* .cube-box .cube4 h2{
   font-size : 2.0rem;
   } */

/* .cube4 .cube-img img{
   width:100%;
   } */

/* .cube4 .cube-comment{
   padding:4px;
   font-size : 1.5rem;
   } */
/* .cube-box .cube4{
   margin-right:10px;
   } */
/* .cube-box .cube4:last-child{
   margin-right:0px;
   } */


/* cube5(一列レイアウト) */
.cube5{
    width:98%;
}

/* .cube-box .cube5 h2{
   font-size : 2.0rem;
   } */
/* .cube5 .cube-img img{
   width:100%;
   } */
/* .cube5 .cube-comment{
   padding:4px;
   font-size : 1.5rem;
   } */


/* cube6(???) */
.cube6{
    width:100%;
}

/* .cube-box .cube6 h2{
   font-size : 2.0rem;
   } */
/* .cube6 .cube-img{
   width:50%;
   float:left;
   overflow:hidden;
   margin-right:5px;
   } */
/* .cube61 .cube-img{
   width:35%;
   } */
/* .cube6 .cube-img img{
   width:100%;
   } */
/* .cube6 .cube-comment{
   padding:5px;
   font-size : 1.5rem;
   } */

/* cube menu */
/* .cube-menu{
   width:100%;
   margin-top: 10px;
   display: block;
   } */
/* .cube-menu img{
   width:100%;
   } */


/*    キューブ編集ボタン
   --------------------------------------------*/
img[id^="open_add_cube_"] {
  display: none;
}
img[id^="sort_up_cube_list"] {
  display: none;
}
img[id^="sort_down_cube_list"] {
  display: none;
}

/*    キューブ編集画面　詳細キューブ
   --------------------------------------------*/
div.cube_detail_area {
  display: none;
}

/*    トップイメージ
--------------------------------------------*/
div.top-img{
    line-height:0;
    margin-top:0px;
}

.top-img img{
    width:100%;
}


/*    fotter
--------------------------------------------*/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1;
}

#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    color: #c3c3c3;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
 
    filter: alpha(opacity=70);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#back-top a:hover {
    color: #000;
 
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
 
/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #666 url(../images/up-arrow.png) no-repeat center center;
 
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}

#copyright{
  /* clear:both;
     padding:10px 0;
     text-align:center;
     font-size:75%;
     zoom:1;
     color:#fff;
     background:#000000;
     width: 100%; */
}

/*    ポップアップ
---------------------------------------------------*/
#detail{
    border:solid 1px #000;
    margin:0;
    position:fixed;
    background-color:#FFF;
    z-index:111;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
#detail-close{
    top:1px;
    right:1px;
    width:40px;
    height:40px;
    position:fixed;
    background-color:rgba(51,51,51,0.65);
    color:#fff;
    font-weight:bold;
    z-index:112;
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    cursor:pointer;
}
#detail-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#666;
    z-index:110;
}

#save_bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(195,195,195,0.5);
    z-index:110;
}



.editor_title
{
    font-size:1.5rem;
    font-weight:bold;
    background: #c3c3c3 ;                /* 背景色(確認用) */
  /* border-top:12px ridge #c3c3c3;
     border-right:1px solid #c3c3c3;
     border-left:12px ridge #c3c3c3;
     border-bottom:1px solid #c3c3c3; */
    padding: 10px 10px;
  /* margin-top:20px; */
}
.add_cube_area
{
    font-size:100%;
    background:#eee;
    border:1px solid #c3c3c3;
    padding:0.5rem 2rem 0.1rem;
    overflow:auto
}
.add_cube_area li
{
    float:left;
    margin:0 10px 0 0;
    padding:0;
    background:none;
    border:0;
    height:140px;
}
.dsp_cube_area
{
  /* font-size:100%; */
    /*background:#eee;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #c3c3c3;*/
    padding:0.5rem 2rem 0.1rem;
    overflow:auto
}


#dropmenu{
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  margin: -19px 0 0 8px;
  padding: 11px 0 0 0;
  border-radius: 0 0 3px 3px;
}

#dropmenu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  margin:  0 0 0 0;
}
#dropmenu ul li a{
  padding: 118px 0 0;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  margin-right:1px;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 80px;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}



#dropmenu2{
}
#dropmenu2 li ul{
  list-style: none;
  position: absolute;
  margin: -8px 0 0 -140px;
  padding: 11px 0 0 0;
  border-radius: 0 0 3px 3px;
  /*width:300px;*/
}

#dropmenu2 ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu2 ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  margin:  0 0 0 0;
}
#dropmenu2 ul li a{
  padding: 118px 0 0;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  margin-right:1px;
}
#dropmenu2 li:hover ul li{
  overflow: visible;
  height: 80px;
}
#dropmenu2 li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu2 li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu2 li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#dropmenu3{
}
#dropmenu3 li ul{
  list-style: none;
  position: absolute;
  margin: -164px 0 0 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu3 ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu3 ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  margin:  0 0 0 0;
}
#dropmenu3 ul li a{
  padding: 118px 0 0;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  margin-right:1px;
}
#dropmenu3 li:hover ul li{
  overflow: visible;
  height: 80px;
}
#dropmenu3 li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu3 li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu3 li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#dropmenu4{
}
#dropmenu4 li ul{
  list-style: none;
  position: absolute;
  margin: -8px 0 0 -140px;
  padding: 11px 0 0 0;
  border-radius: 0 0 3px 3px;
  /*width:300px;*/
}
#dropmenu4 ul{
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu4 ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  margin:  0 0 0 0;
}
#dropmenu4 ul li a{
  padding: 118px 0 0;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  margin-right:1px;
}
#dropmenu4 li:hover ul li{
  overflow: visible;
  height: 80px;
}
#dropmenu4 li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu4 li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu4 li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

.counter
{
    color:#ffffff;
    text-align:center;
}

#detail_ope_area, #detail_ope_area_top
{
    float:right;
    margin:-2px;
}



.image_edit_area
{
    margin:-26px 10px 0 0;
    text-align:right;
}
.no_image_edit_area
{
    margin:5px 10px 0 0;
    text-align:right;
}
.image_text_area
{
    width : 98%;
    font-size: 1.5rem;
    font-weight : bold;
    text-align : left;
    bottom: 5px;
    position: absolute;
    line-height: 22px;
    left:2%;
}

/*
 *    手書き用
 */
.palet_area{float:left}
.items{float:left;width:32px;height:32px;margin:1px;border:1px solid black;}
.lineSize{background-color:#EEEEEE;}
#black{background-color:#111111;}
#white{background-color:#FFFFEE;}
#orange{background-color:orange;}
#red{background-color:red;}
#blue{background-color:blue;}
#yellow{background-color:yellow;}
#fuchsia{background-color:fuchsia;}
#purple{background-color:purple;}
#green{background-color:green;}
#teal{background-color:teal;}
#aqua{background-color:aqua;}
.eraser{background-image:url("../images/eraser.png");background-repeat:no-repeat;}
#reset{background-image:url("../images/reset.png");background-repeat:no-repeat;}
.selectedItems{margin:1px;border:1px solid aqua;width:32px;height:32px;}


fieldset
{
    margin: 0 3%;
  /* padding: 10px 5px; */
    border: 2px #000000 solid
}


fieldset#seo
{
  /* color: #ffffff; */
    text-align: center;
    display: block;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border: 2px groove threedface;
  /* width: 90%; */
  /* padding: 5px 0 5px 20px; */
}


.pagernumber { position: relative;  left: 50%; float: left; margin: -10px 0 0; }
.pagernumber li { position: relative; left: -50%; float: left; display: inline; list-style: none; }
.pagernumber li em{ display: block; float: left; margin: 0 3px 0 0; padding: 1px 3px 0; line-height: 18px; color: #000; font-weight: bold; }
.pagernumber li a { display: block; float: left; margin: 0 3px 0 0; padding: 1px 3px 0; line-height: 18px; color: #0000ff;text-decoration: none; font-weight: bold; }



/*
 *    単体キューブ設定用
 */
fieldset#one_cube_edit
{
    color: #ffffff;
    text-align: left;
    display: block;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border: 2px groove threedface;
    /*width: 90%;*/
    padding: 5px 10px;
    margin-bottom: 10px;
}


.cube_detail_area {
    width:93%;margin: 0 auto;
}

.cube_detail_area .editor_title {
    border-bottom:1px solid #c3c3c3;
}


#add_cube_buttom {
    float:right
}

#add_cube_buttom #dropmenu2 li {
    float:left;margin:0 10px 0 0;padding:0;background:none;border:0;
}

#add_cube_buttom #dropmenu2 li img {
    margin-bottom:-1px;
}

#add_cube_buttom #dropmenu2 li ul li {
    float:left;
}
#seo .seo-title, #seo .seo-input{
    display: inline-block;
    padding: 4px;
}
#seo .seo-title{
    width:15%;
    text-align: right;
}
#seo .seo-button{
    padding: 4px;
}
#seo .seo-input{
    width:80%;
}
.seo-input-text{
    width: 100%;
}
img[id^="add_public_cube"]{
    cursor : pointer;
}
.cube.cube-nodata{
    border: 1px solid #BBBBBB;
    box-sizing : border-box;
}