html, body {
    margin: 0 auto;
    padding: 0;
    /*height: 100%;*/
    overflow: hidden;
	font-family: sans-serif; /* 1 */
	line-height: 1.15; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
  background-color: #FFF8DC;
}

* {
  max-width: 800px !important;
}

.modal, .modal__content {
  min-width: 100vw !important;
  max-width: 100vw !important;
  background-color: #000000 !important;
}

/* .modal, .modal * {
  max-width: 100vw !important;
  min-width: 100vw !important;
} */


#mainMenuController .page__content { background-color:#FF8719 !important; background-image:url(../img/bg.png) !important; background-size: 100% auto !important; background-repeat: repeat !important; width:100% !important; height:100% !important; }

.web_header { 
  width: 100%;
  padding: 5px 0;
  background-color: #0000FF;
  margin-bottom: 20px;
  height: 30px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 14px;
  color: #fff;
}

.marquee {
  max-width: 90%;
  white-space:nowrap;
	animation-name:marquee; animation-timing-function:linear;
  animation-duration:15s; animation-iteration-count:infinite;
  position: fixed;
  top: 0;
  left: 30%;
}
@keyframes marquee {
	from   { transform: translate(0%);} 
	99%,to { transform: translate(-100%);}
}

.web_footer { 
  width: 100%;
  padding-bottom: 10px;
  background-color: #0000FF;
  height: 25px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.page__content{ margin-top:0px;}

.page { color:#545454;}
.page__background { background-color: #FFF8DC;}

/* box list */
.sl_box_m3 { margin:3%; padding:0;}
.sl_box_p3 { padding:3%; margin:0;}

.sl_box_pb10 { padding-bottom:10px;}
.sl_box_pb20 { padding-bottom:20px;}
.sl_box_pt20 { padding-top:20px;}

.sl_buttonarea { margin-top:10px; margin-bottom:20px; text-align:center;} /* キャンセル・決定などのボタンエリア */

/* text list */
.sl_text01 { font-size:14px;}
.sl_text01 a{ color:#FFF;}

.sl_text02 { font-weight:800; border-bottom:2px solid #FF8719; border-top:2px solid #FF8719; line-height:2em;background: rgba(255,255,255,0.5);}
.sl_text02 i { margin:0 0.5em 0 0.5em;}
.sl_text03 {}
.sl_text04 { padding-bottom:0; margin-bottom:0;}
.sl_text05 { margin:0; padding:0;}
.sl_text06 { margin:2px 0 0 0; padding:0; font-size:12px; color:#FF4D4D;}

.sl_text07 { font-size:10px;}
.sl_text07 a{ color:#0000FF;}

.sl_text08 { margin:2px 0 0 0; padding:0; font-size:12px; color:#000000;}

.sl_red { color:#FF4D4D; font-weight:800;} /* 必須項目 */
.sl_right { text-align:right;}
.sl_left { text-align:left;}
.sl_center { text-align:center;}
.sl_800 { font-weight:800;}

.sl_next { width:100%; align:right; margin-bottom:10px; margin-top:10px;}
.sl_nextbtn { background-color:#1495BD !important;
 font-size:14px !important;
 line-height: 28px !important;
}

/* :::::::::: top ::::::::::::: */
.sl_top-toolberbtn { color:#FF8719; background-color: #FFF; /*line-height: 60px; padding:10px;*/
position: fixed; top: 4%; left:0; height:44px;
border-top-left-radius: 0px; /* 左上 */
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 8px; /* 右上 */
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topright: 8px;
border-bottom-left-radius: 0px; /* 左下 */
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 8px; /* 右下 */
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;}
#sl_logo44444 { width:70%; /* logo */
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;}

#sl_logo { width:70%; /* logo */
    position: absolute;
	  top: 10%;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  margin: auto;
	text-align: center;
}


#sl_logo img { /*width:100%; max-width: 414px; */ height:27%; margin: auto;}
#sl_top-btnarea44444 { padding:0 16% 10% 16%;} /* button */

#sl_top-btnarea {
  width:80%;
  position: absolute;
  top:37%;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}


.button--large {
  padding: 6px 6px;
  width: 95%;
}
.sl_bluebtn {
  background-color:#1495BD;
  color:#FFFFFF;
  font-weight:800;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:5px;
	box-shadow:1px 1px 4px #555; text-shadow:0 -1px #177b9a;}

.sl_whitebtn { background-color:#FFFFFF; color:#1495BD; font-weight:800;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:5px;
 	box-shadow:1px 1px 4px #555; text-shadow:0 -1px #EEEEEE;}

.sl_grad_blue {
  background: linear-gradient( 135deg, #E0E6F8, #A9BCF5 );
  color:#0B3861;
  font-weight:800;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:5px;
  box-shadow:1px 1px 4px #555;
  /*text-shadow:0 -1px #177b9a;*/
}

.top_btn {
  width: 50%;
  float: left;
  align-items: center;
}

.top_btn_img {
  width: 70%;
  margin-top: 5px;
  margin-bottom: -15px;
}

#sl_top-btnarea .badge_box {
  display: inline-block;
  width: 100%;
  margin: 20px 0 auto;
  text-align: center;
}

#sl_top-btnarea .badge_box a {
  margin: 0 0px;
}

#sl_top-btnarea .badge_box img.ios {
  vertical-align: top;
  width: 120px;
  margin: 10px 0 0 10px;
}

#sl_top-btnarea .badge_box img.android {
  vertical-align: top;
  width: 165px;
}

#sl_top-btnarea .memo_parent {
  padding-bottom: 40px;
}

#sl_top-btnarea .memo_box {
  display: inline-block;
  width: 95%;
  margin: 20px 0 auto;
  text-align: center;
  background-color: #F0E68C;
  padding: 10px 20px;
}

#sl_top-btnarea .memo_box h1 {
  border-top: #EE7710 1px solid;
  border-bottom: #EE7710 1px solid;
  color: #EE7710;
  padding: 8px 0;
  font-size: 18px;
  width: 90%;
  margin: 5px auto;
  margin-bottom: 10px;
}

#sl_top-btnarea .memo_box .left, #sl_top-btnarea .memo_box .right {
  display: inline-block;
  width: 270px;
  margin: 5px 10px;
  text-align: left;
}

#sl_top-btnarea .memo_box h3 {
  font-size: 13px;
  text-decoration: underline;
  color: #000;
}

#sl_top-btnarea .memo_box p {
  border-bottom: 1px double #EED070;
  font-size: 12px;
  background: linear-gradient(#EED070 1px, transparent 1px) #F0E68C;
  background-size: auto 2.5em;
  line-height: 2.5em;
  color: #000;
}





/* :::::::::: member ::::::::::::: */
.navigation-bar__left { width: 25%;}
.navigation-bar__center { width: 50%; font-weight:800;}
.navigation-bar__right { width: 25%; /*padding-right: 2%;*/}
.text-input { border: 1px solid #FF8719; width:100%; height: 40px; padding: 8px; background:#FFF; color:#333;}
.text-input:invalid { border: 1px solid #FF8719; color:#333;}
.textarea { border: 1px solid #FF8719; width:100%; padding: 8px; background:#FFF;}
.sl_editttl { font-size: 14px; line-height: 18px; margin-top: 4px;} /* 編集画面でヘッダに商品名を表示するとき */

.checkbox__checkmark { margin-right: 5px;}
.checkbox > .checkbox__checkmark:before { background:#FFF;}
.radio-button__checkmark { border: 1px solid #FF8719; background: #FFF; border-radius: 16px;}
.radio-button > input[type="radio"]:checked + .radio-button__checkmark { background: #FFF; }

.sl_navibar { background-color:#FF8719; background-image: url(../img/bg.png); background-size: 100% auto;
	background-repeat: repeat; position: relative;}
.sl_navibtn_modoru{ /* ヘッダ戻るボタン */
  position: relative;
  display:inline-block;
  margin-left: 18px;
  margin-top:8px;
  padding: 0 10px 0 5px;
  background: #FFF;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 14px;
  color: #AB6543;
  line-height: 28px;
  box-shadow:1px 1px 1px #d07c00;
  font-weight: 800;
}
.sl_navibtn_modoru::before{
  content: "";
  position: absolute;
  top: 0;
  left: -14px; /*-15px?*/
  border-right: 14px solid #FFF;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.7);
}
.sl_navibtn_next{ /* ヘッダ次へボタン */
  position: relative;
  display:inline-block;
  margin-right: 18px;
  margin-top:8px;
  padding: 0 10px 0 5px;
  background: #1495BD;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 14px;
  color: #FFF;
  line-height: 28px;
  box-shadow:1px 1px 1px #d07c00;
  font-weight: 800;
}
.sl_navibtn_next::before{
  content: "";
  position: absolute;
  top: 0;
  right: -14px; /*-15px?*/
  border-left: 14px solid #1495BD;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: left top;
  transform: scaleX(.7);
}

.sl_navibtn_ketei { background-color:#1495BD; /* ヘッダ決定ボタン */
box-shadow:1px 1px 1px #d07c00; text-shadow:0 -1px #177b9a; border-radius: 3px; color: #FFF; font-weight: 800; margin-right: 8px;}

.sl_menber { /*background-color:#FFF8DC; bodyに追加のため*/}
.sl_menber2 { background-color:#FFF8DC;}/*規約、privacy、applicationのbodyのbgcolorが反映されないため*/
.sl_inputdl {}
.sl_inputdl dt {}
.sl_inputdl dd { margin:0 0 17px 0;}
.sl_inputdd_confirm { line-height:1.5em;  padding:8px; background-color:#fff; border-bottom: 1px solid #FF8719; }
.button--outline { background-color: #ff4d4d; color: #FFF; border: none; padding: 3px 20px; font-weight: 800;}

.sl_shippingtable { border:1px solid #FF8719; margin-bottom:10px;} /* 配送先登録 */
.sl_shippingtable table{ width:100%; background-color:#FFF; border-collapse: collapse;}
.sl_shippingtable caption{ caption-side: left; text-align: left; padding:10px; background-color:#FF8719; color:#FFF;}
.sl_shippingtable td, .sl_shippingtable th { padding:10px;}
.sl_shippingtable th { text-align:left; font-weight:normal; width:68%;}
.sl_shippingtable td { text-align:right; width:26%;}

/* :::::::::: edit ::::::::::::: */
.sl_edit-container1 { background-color:#FFF; margin-bottom:24px; /*padding-bottom:60px; footerの重なり調整*/} /* フッタ1段のとき */
.sl_edit-container2 { background-color:#FFF; /*padding-bottom:110px; footerの重なり調整*/} /* フッタ2段のとき */

.list--inset { margin-left:0px; margin-right:0px; border-radius:0px; border-left: none;; border-right: none;}
.sl_edittype {  padding: 0 10px 0 70px; min-height: 80px; line-height: 80px;} /* プロダクト選択 */
.sl_edittype2 {  padding: 0 10px 0 20px; min-height: 80px; line-height: 80px;} /* プロダクト選択2 */
.list__item--chevron:before { color:#FF8719;}
.sl_edittype img { width:50px; height:50px; position: absolute; left: 10px; top: 18%;}
.sl_edittemplate {
  padding: 10px;
  /*padding: 10px 10px 10px 150px;*/
  min-height: 80px;
  line-height: 24px;}

.sl_edittemplate img {
  /*width:50px;*/
  width: 95%;
  height: auto;
  /*position: absolute;*/
  /*left: 10px;*/
  /*top: 18%;*/
}

.sl_template_img_outline {
  width:50%;
  float:left;
  font-size:15px;
}

.sl_template_info_outline {
  width:45%;
  float:left;
  font-size:15px;
}

/* テンプレート選択 */

.sl_framelist { font-size:0;} /* フレーム選択 */
.sl_framelist ul { margin:0; padding:0; list-style: none; width:100%;}
.sl_framelist li { margin:0; list-style: none; display: inline-block; width:44%; padding: 3%;}
.sl_framelist img { width:100%;}

.sl_stamplist { font-size:0;} /* スタンプ選択 */
.sl_stamplist ul { margin:0; padding:0; list-style: none; width:100%;}
.sl_stamplist li { margin:0; list-style: none; display: inline-block; width:18%; padding: 3%;}
.sl_stamplist img { width:100%;}

/*イメージ作成スクリーン*/
.sl_make_image_screen {
  position: absolute;
  background: white;
  width: 100%;
  height: 100%;
  color: black;
  font-weight: 800;
  text-align: center;
  display: table;
}
.sl_mkImg_scr_text{
  position: relative;
  vertical-align: middle;
  display: table-cell;
}

.sl_editbox {}
.sl_edit-step { text-align:center;} /* edit上部のSTEP画像*/
.sl_edit-step img { width:90%; max-width:640px; } /*width:100%;*/
.noFrame_btn_outline,
.choice_frm_using_otl {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.noFrame_btn,
.choice_frm_using_btn {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.sl_edit-footernavi{} /* edit下部の操作ボタンエリア*/
.tab-bar { /*background-color:#FF8719; */ background-color: initial; background-image: url(../img/bg.png); background-size: 100% auto;
	background-repeat: repeat; border-top:none; position: fixed;}
.tab-bar__button { color:#FFF; line-height:20px;}
.sl_edit-footerfirst { bottom:56px; padding-bottom:0px; padding-top: 6px;} /* 下部編集用ナビ1段目 bottom:60px; padding-bottom:6px; */
.sl_edit-ico { width:24px;}
.tab-bar__label { font-size:12px;}
.sl_edit-footersecond { padding-top:6px;} /* 下部編集用ナビ2段目 padding-top:10px; */
.sl_edit-footersecond label { text-align:center;}
.sl_edit-footersecond button { width:88%; font-size:12px; color:#AB6543; font-weight: 800;}
.sl_edit-fsecond-btn { background-color:#FFD4AC;}
.sl_edit-fsecond-btn img,.sl_edit-fsecond-btn i { vertical-align: sub; width: 20px; margin-right: 4%; font-size:20px;}/*ボタン画像の位置調整*/
/* .sl_edit-addcolor { background-color: #ffffff; color: #77462d !important; } 追加系ボタンのみ色変更 */
.sl_edit-addcolor { background-color: #1495BD; color:#FFFFFF !important; } /* 追加系ボタンのみ色変更 */

.sl_edit-fsecond-btn2 { background-color:#FF8719;}/*検索ボタン画像用*/

.sl_colortable { width:100%; background-color:#FFF8DC; border: 1px solid #FF8719;} /* メッセージ編集 */
.sl_colortable td { width:16%; height:44px;}
.sl_preview { background:#FFF8DC;}
.sl_fontdlbtn { border:1px solid #666; line-height:20px; color:#666; font-size:14px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bfbfbf));
background-image: -moz-linear-gradient(top, #dddddd, #bfbfbf);
background-image: -o-linear-gradient(top, #dddddd, #bfbfbf);
-webkit-box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff;
-moz-box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff;
box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff;} /* フォントDLボタン */

.sl_editarea { width:94%; height: 60vh; /*border:1px solid #CCC;*/ margin:1% auto;} /* 共通編集領域 */
/*body > .sl_editarea { height: auto;}*/

/* メイン以外のサブエディタ画面 */
.sl_edit-subeditarea { margin-bottom:24px;}
.sl_serch-input { border: 1px solid #FF8719; height: 40px; padding: 8px 8px 8px 28px;}

/* メイン以外のポップアップ画面 */
.sl_edit-zoompopup { width:88%; border:1px solid #CCC; background-color:rgba(255,255,255,0.92); text-align:center;}
.sl_edit-zoompopup img{ width:84%;}
.sl_edit-zoomsizearea { width:84%; margin: 0 auto; text-align:right; padding-top:20px;}

.sl_fonttype {  padding: 0 10px 0 10px; min-height: 50px; line-height: 50px;} /* フォント選択 */

/* :::::::::: font ::::::::::::: */
.sl_font-item { border-top:1px solid #95989A; padding:3%;}
.sl_fonttable { width:100%;}
.sl_fonttable td {}
.sl_font-item-img { width: 100%; vertical-align:middle;}
.sl_font-item-img img{ width:100%; left: 10px; top: 18%; }
.sl_font-item-name { width:80%; text-align: left; font-size:16px;}
.sl_font-item-dl { width:20%;}

/* :::::::::: cart ::::::::::::: */
.sl_historytable { border:1px solid #FF8719; margin-bottom:10px;} /* 購入履歴 */
.sl_historytable table{ width:100%; background-color:#FFF; border-collapse: collapse;}
.sl_historytable caption{ caption-side: left; text-align: left; padding:10px; background-color:#FF8719; color:#FFF;}
.sl_historytable td { padding:5px;}

.sl_cart-point { border: 1px solid #FF8719; background-color:#FFF; /*background-color:#FFF8DC;*/ border-radius: 3px; line-height:150%; margin:3%; padding:3%;}  /* ポイントのテーブル */
.sl_cart-point table { width: 100%;}
.sl_cart-point td, .sl_cart-point th { border-bottom:1px solid #eee;}
.sl_cart-point th { text-align:left; font-weight:800; width:68%; color: #FF8719;}
.sl_cart-point td { text-align:right; width:26%;}

.sl_cart-item { border-top:1px solid #95989A; padding:3%; background-color:#FFF;} /* カートのテーブル */
#sl_cart_itemarea { border-bottom:1px solid #95989A; margin-bottom:24px;}
.sl_cart-itemtable1 { width:100%;}
.sl_cart-itemtable1 td {}
.sl_cart-itemtable2 { width:100%; line-height:200%;}
.sl_cart-itemtable2 td { height:32px;}
.sl_cart-item-img { width:20%; text-align:center; vertical-align:middle;}
.sl_cart-item-img img{ width:50px; vertical-align:bottom; padding:3px; border:1px solid #CCC;}
.sl_cart-item-name { width:60%; font-size:12px;}
.sl_cart-item-del { width:20%;}
.sl_cart-item-order { width:40%;}
.sl_cart-item-price { width:60%; /*vertical-align:bottom;*/ text-align:right;}
.sl_cart-itemset { width:50px; height:30px; padding:2px; text-align:right;} /* セット数入力 */

.button--large--cta { background-color:#E43E14; width:90%; font-size:20px; font-weight:800; line-height:40px; margin:0 auto;} /*注文ボタン*/
.button--large--cta img { vertical-align:text-bottom; width: 24px; margin-right: 4%;} /*カート画像画像の位置調整*/
.sl_cart_del { border:1px solid #666; line-height:20px; color:#666; font-size:14px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bfbfbf));
background-image: -moz-linear-gradient(top, #dddddd, #bfbfbf);
background-image: -o-linear-gradient(top, #dddddd, #bfbfbf);
-webkit-box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff;
-moz-box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff;
box-shadow: 0 1px 1px 0 #bbb, inset 0 1px 1px #fff;}

/* :::::::::: order ::::::::::::: */
.sl_cart { /*background-color:#FFF;*/ }
.sl_deliverytable { border:1px solid #95989A; border-collapse:collapse; background-color: #FFF;} /* 注文者情報のテーブル */
.sl_delivery table { width:100%;}
.sl_deliverytable td, .sl_deliverytable th { border:1px solid #95989A; padding:10px; font-size:13px;}
.sl_deliverytable th { background-color:rgba(255,135,25,0.2); width:28%;}

.sl_ordertable { border:1px solid #95989A; border-collapse:collapse; background-color: #FFF;} /* 注文者情報のテーブル */
.sl_order table { width:100%;}
.sl_ordertable td, .sl_ordertable th { border:1px solid #95989A; padding:10px; font-size:13px;}
.sl_ordertable th { background-color:rgba(255,135,25,0.2);}

.sl_subtotaltable {  margin:10px 0;} /* 代金計算 */
.sl_subtotaltable table { border-collapse:collapse; width:100%;}
.sl_subtotaltable th, .sl_subtotaltable td { border-bottom:1px solid #95989A; font-size:14px; text-align:right; line-height:2.4em;}
.sl_subtotaltable th { width:70%;}
.sl_subtotaltable td { padding:0 8px;}

.sl_subtotal { background-color:rgba(255,135,25,0.2);} /* 小計の部分のみ */
.sl_subtotal th, .sl_subtotal td { border-top:4px double #95989A; border-bottom:2px solid #95989A;}
.sl_usedpoint { border: 1px solid #FF8719; margin: 3px 0; height:31px; padding:4px; text-align:right;} /* 使用ポイント入力 */

.sl_total {} /* 総合計の部分のみ */
.sl_total table { width:100%; border-collapse:collapse; border:2px solid #E43E14; line-height:2em; font-size:20px; background-color:rgba(228,62,20,0.3);}
.sl_total th { width:30%;}
.sl_total td { text-align:right; color:#E43E14; font-weight:800; padding-right:10px; }

.sl_cartstep1-list {} /* 支払い方法・配送方法指定 */
.sl_cartstep1-list ul { margin:0; padding:0; list-style: none; }
.sl_cartstep1-list li {margin:0; padding:0; list-style: none;}
.sl_cartstep1-text { font-weight:normal; font-size:14px; margin-left:29px;}
.sl_cartstep1_shippingfree { color:#FF4D4D; font-weight:800; text-align:center; border:1px solid #FF4D4D; padding:10px 0; margin: 30px 10px; background-color:#FFF;}

.sl_cartstep2-list {}/* 配送先指定 */
.sl_cartstep2-list ul { margin:0; padding:0; list-style: none; }
.sl_cartstep2-list li {margin:0; padding:0; list-style: none;}
.sl_cartstep2-text { font-weight:normal; font-size:14px; margin-left:29px;}
.textarea { width: 100%;} /* 備考欄 */

.sl_orde-finishi-ttl { text-align:center; font-weight:800; color:#FF8719; font-size:20px;}

canvas{ border:1px solid #000000; }

/* バリデーションエラー発生時にフォーム下に表示される説明文を囲う、
   div要素に付加されるクラス */
.validation-message{
    color: red;
}

/* 背景を白にしたいページへの設定*/
.editbg_white {
    background-color: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	z-index: -300;
}

/* サイドメニューテキストのアンダーライン削除、色指定*/
.sidemenu_a{
  text-decoration: none;
  color: black;
}

/* サイドメニューのリンクイメージ整列*/
.sidemenu_img{
  float: right;
  margin-top: 14px;
}


#lockscreen {
  max-width: 100vw !important;
  max-height: 100vh !important;
}