@charset "UTF-8";
/* 商品詳細ダイアログ表示 */
.item_detail_dlg .ems_title_bar{
	width: 90vw;
}

.item_detail_dlg .ems_dlg_con{
	width:100%;
	margin:0;
}

/* 商品詳細サイド表示(ボタン) */
.detail_close_btn,
.detail_jamp_btn{
	position: absolute;
    width: 30px;
    height: 30px;
    background: #ddd;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    border-radius: 15px;
   	cursor: pointer;
   	padding:5px;
   	color:#fff;
   	font-weight:bold;
   	z-index:100;
}

.detail_jamp_btn{
	left:35px;
}

.detail_jamp_btn:before{
  content: "\f2d0";
  display:inline-block;
  margin-right:0.15em;
  font:normal normal normal 14ex/1 FontAwesome;
  font-size:100%;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 商品詳細サイド表示 */
.item_detail_side{
	width: 35%;
	position: fixed;
	top: 0;
	box-sizing: border-box;
	display: inline-block;
	height: 100vh;
	overflow-y: scroll;
	transform: translateZ(0);
	vertical-align: top;
	white-space: normal;
	overscroll-behavior: contain;
}

.contents_side:not(.none){
	width:65%;
	display: inline-block;
}

.item_detail_side .detail_body1,
.item_detail_side .detail_body2{
	float:none;
}

.item_detail_side .detail_body2{
	margin:0;
}

.item_detail_side .item_detail .detail_top,
.item_detail_side .item_detail .detail_body1,
.item_detail_side .item_detail .detail_body2,
.item_detail_side .item_detail .detail_foot{
	width:auto;
}

.item_detail_side .app_content .item_detail .item_image_main{
	float:none;
}

.item_detail_side blockquote{
	margin:0;
}

.item_detail_side .pane_body_mid_1,
.item_detail_side .pane_body_mid_2,
.item_detail_side .pane_body_mid_3{
	padding: 0;
}

.item_detail_side .pane_body_mid{
	flex-direction: column;
}

.item_detail_side .pane_body_mid_1,
.item_detail_side .pane_body_mid_2,
.item_detail_side .pane_body_mid_3{
	flex-basis: auto;
	min-width: auto;
	width:auto;
}

@media screen and (max-width: 700px) {
	.item_detail_side{
		width: 100%;
		position: fixed;
	}
	
	.contents_side:not(.none){
		width: 100%;
		display:block;
	}
}

/* チャットボット関連 */
.chat_box_small_window{
	width: 400px;
	height: 400px;
	max-height: calc(100vh - 20px);
	background: #ffffff;
	position: fixed;
	bottom: 10px;
	z-index: 100;
	left:10px;
	opacity: 0.97;
}

.chat_box_small_window.none{
	display:none;
}

.chat_box_small_window .chat_text_area{
	height:50px;
	padding: 2px;
}

.chat_text_area{
	display:inline-block;
}

.chat_box_small_window .chat_box_area{
	max-height: calc(100% - 50px);
}

.chat_search_move{
	position:relative;
}

.chat_window_reduction:before,
.chat_window_extend:before{
	font-family: 'WebHostingHub-Glyphs';
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	padding-top: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.chat_window_reduction:before{
	content: '\f30e';
}

.chat_window_extend:before{
	content: '\f30f';
}


.chat_box_small_window.red{
	width:30px;
	height:30px;
}

.chat_box_small_window.red .chat_window_extend{
	display:inline-block;
}

.chat_search_area .chat_window_reduction,
.chat_search_area .chat_window_extend,
.chat_box_small_window.red .chat_window_reduction,
.chat_box_small_window:not(.red) .chat_window_extend,
.chat_box_small_window.red .chat_box_area,
.chat_box_small_window.red .chat_text_area{
	display:none;
}

.chat_box.none{
	display:none;
}

/* ems_drag */
.drag-and-drop.fix{
	position:fixed;
}

.ems_drag {
    z-index: 1001;
}

.drag-and-drop {
    cursor: move;
    position: absolute;
    z-index: 1000;
}

/* ピックアップ({pick_upXXX}) */

.item_image_block.shop .shop_img_1{
	position: absolute;
	width: 50%;
	margin:0;
}

.item_image_block.shop .shop_img_2{
	position: absolute;
	width: 25%;
	height:50%;
	top:0;
	left:50%;
}

.item_image_block.shop .shop_img_3{
	position: absolute;
	width: 25%;
	height:50%;
	top:0;
	left:75%;
}

.item_image_block.shop .shop_img_4{
	position: absolute;
	width: 25%;
	height:50%;
	top:50%;
	left:50%;
}

.item_image_block.shop .shop_img_5{
	position: absolute;
	top:50%;
	height:50%;
	width: 25%;
	left:75%;
}

.item_image_block.shop.three .shop_img_1 {
	width:67%
}

.item_image_block.shop.three .shop_img_2,
.item_image_block.shop.three .shop_img_4 {
	width:33%;
	left:67%
}

.item_image_block.shop.three .shop_img_3,
.item_image_block.shop.three .shop_img_5 {
	display:none;
}

.item_image_block.shop.one .shop_img_1 {
	width:100%
}

.item_image_block.shop.one .shop_img_2,
.item_image_block.shop.one .shop_img_3,
.item_image_block.shop.one .shop_img_4,
.item_image_block.shop.one .shop_img_5 {
	display:none;
}

/* モール用カート */
.mall_cart_area li{
	padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.cart_sub{
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 80%;
}

.mall_cart{
  width:330px
}

@media screen and (max-width: 700px) {
	.cart_sub{
		display: inline-block;
	    width: 100%;
	    text-align: center;
	}
	
	.mall_shop{
	    display: inline-block;
    	text-align: center;
	}
	
	.mall_cart{
		width:100%;
	}
}

/* モール用商品詳細ページ */
.mall_shop{
  display: flex;
  align-items: center;
}

.cart_sub .mall_shop a{
  display: flex;
  align-items: center;
}

.mall_shop img{
  max-width: 70px;
  max-height: 70px;
}

/* 店舗,商品紐づけコラム */
.article_icon {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 18px;
  box-sizing: border-box;
  color: #fff;
  background-color: #65d581;
  border: 1px solid transparent;
  cursor: pointer;
}

.article_icon:after {
  content: attr(title);
}

/* インスタハッシュタグ */
.insta_hashtag_ul img,
.insta_hashtag_ul video{
	width:200px;
}
.insta_hashtag_ul li{
	display:inline-block;
	opacity: 0;
}

/* 店舗通報フォーム */
.complaint_text{
	width:100%;
}

.complaint_company{
	font-size:1ex;
}

.complaint_end_tbl{
	text-align:center;
}

.shop_complaint {
	color: #ccc;
}

/* 会員登録 */
.member_update_chk_area{
	padding-top: 20px;
}

.wit_search_form{
	display:flex;
	list-style: none;
}

.wit_search_form li.month{
	position: relative;
	padding: 0 5px;
}

.initial_search_form{
	display:flex;
}

.pref_search_form{
	display:flex;
}

.rel_page_author .author_icon{
	width: 30px;
    height: 30px;
    vertical-align: middle;
}

/** WITカレンダー */
.wit_calender tbody .calendar_bg,
.wit_calender tbody .calendar_date_area{
	height:100px;
	width:100px;
}

.wit_calender .calendar_block{
	width:700px;
	margin:0 auto;
}

.wit_calender .calendar_date_area{
    position: relative;
}

.wit_calender .calendar_date{
	position: absolute;
    top: 5px;
    left: 10px;
}

.wit_calender .calendar_text{
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wit_calender .calendar_bg{
	background-size: contain;
	background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.item_explain blockquote{
	margin:0;
}

.cm_img{
	text-align:center;
}