@CHARSET "UTF-8";
/********************************************************************/
/*スタンプ用共通CSS                                                          */
/********************************************************************/

/***********************/
/*スタンプ関連パーツ   */
/***********************/
/*スタンプ取得アイコンSVG*/
#uppperStampButton #icoGetStamp{
	line-height: 1 !important;
	vertical-align: text-top;
}
#uppperStampButton svg{
	fill: #fff;
	transform: scale(-1, 1) rotate(180deg);	/*SVGが逆さま反転しているので修正*/
	/*base.cssのmaterial-icons設定にあわせる*/
	width: 16px;
	height:16px;
}
/*ボタンのテキスト調整*/
#uppperStampButton .btnTxt{
	padding:0 0.7rem;
	/*base.cssのmaterial-icons設定にあわせる*/
	font-size: 16px;
    line-height: 2rem !important;
}

/*
flexのbreak-word対策
https://qiita.com/mpyw/items/dfc63c1fed5dfc5eda26
*/
.minWidth0{
	min-width:0;
}


/***********************/
/*スタンプ帳          */
/***********************/
[id^="p_Stamp_"] h2{
	font-size: 1.5rem;
}

[id^="p_Stamp_"] #stampList .stampCell{
	width:33.33%;
}

/*スタンプ取得モーダル*/
[id^="p_Stamp_"] #stampModal #modalCarousel{
	margin:0 20%;
}

[id^="p_Stamp_"] .modal div.h3{
	color:#D94848;
}

/*スライダーコントロールの縦センター*/
[id^="p_Stamp_"] #stampModal .carousel-control-prev-icon:before,
[id^="p_Stamp_"] #stampModal .carousel-control-next-icon:before{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*スライダーコントロールの横方向の調整*/
[id^="p_Stamp_"] #stampModal .carousel-control-prev{
	left:-20%;
}
[id^="p_Stamp_"] #stampModal .carousel-control-next{
	right: -20%;
}
[id^="p_Stamp_"] #stampModal .carousel-control-prev-icon:before{
	left:0;
}
[id^="p_Stamp_"] #stampModal .carousel-control-next-icon:before{
	right:0;
}

/*閉じるボタン　#uppperStampButtonの設定に合わせる*/
[id^="p_Stamp_"] .modal .btn{
	font-size: 16px;
    line-height: 2rem !important;
}