@charset "utf-8";

/* --------------------------------
	Theme CSS for EC-CUBE 3
-------------------------------- */


/* --------------------------------
	Common
-------------------------------- */

body { font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif; line-height: 1.4; background-color: #f2f2f2; color: #000; -webkit-text-size-adjust: 100%;}

.img_center,
.txt_center { text-align: center;}
.img_right,
.txt_right { text-align: right;}

/****** Base Layout Setting ********/

#header { background: #fff;}
#contents { background: #fff;}

/****** Header Setting ********/


.header_logo_area { margin-right: 100px;}
.header_logo_area .header_logo a:link,
.header_logo_area .header_logo a:visited,
.header_logo_area .header_logo a:hover,
.header_logo_area .header_logo a:active { text-decoration: none; color: #000;}
.header_logo_area .header_logo a:hover { color: #666;}


/****** Side Setting ********/

/****** Footer Setting ********/

/****** Effect Setting ********/


/****** Each BlockParts Setting ********/

/* cart area */

#cart_area { width: 100%; position: absolute; right: 0; top: 0; z-index: 11;}
#cart_area p { margin: 0;}
#cart_area p.cart-trigger { position: absolute; right: 65px;}

#cart .inner { background: #f3f3f3;}


/* search area */

#search { background: #EBEBEB; padding: 16px 8px;}
#search select { width: 100%;}

/* snsbtn_area */
.snsbtn_area .snsbtn { float: left; height: 20px; margin: 0 10px 10px 0;}

/* --------------------------------
	Top Page
-------------------------------- */

.front_page a { transition: all .3s ease;}
.front_page a:hover img { opacity: 0.8; transition: all .3s ease;}
.front_page #contents .row.no-padding > div { padding-bottom: 0;}

/* Comment Area */

.front_page .comment_area h4 { font-size: 24px; font-size: .24rem; margin: 0 0 2px;}
.front_page .comment_area h5 { font-size: 16px; font-size: .16rem; margin: 0;}
.front_page .comment_area p { margin: 10px 0 15px;}

/* Item List */

.front_page .item_comment { color: #444;}
.front_page .item a { padding-bottom: 0;}
.front_page .item a:hover { opacity: 0.8;}
.front_page .item a:hover img { opacity: 1;}
.front_page #contents_top .item_comment { color: #525263; font-weight: normal; font-size: 14px; font-size: .14rem;}
.front_page #contents_top .item_comment.text-warning,
.front_page #contents_top .item_name.text-warning { color: #9a947e; font-weight: bold; font-size: 16px; font-size: .16rem;}
.front_page .more_link.text-warning { font-weight: bold; color: #9A947E;}

/* news_area */

.news_contents { padding: 0;}
#news_area { background: #F8F8F8;}
#news_area .heading01 { font-size: .25rem; margin: 0;}

/* txt_bnr */

.txt_bnr_area { padding: 0 0 16px;}
.txt_bnr { background: #f8f8f8; border: 1px solid #D9D9D9; font-weight: bold; padding: 16px; margin: 12px 0 0; text-align: center;}
.txt_bnr strong { color: #DE5D50; font-size: 20px; font-size: .2rem;}
.txt_bnr strong strong { font-size: 32px; font-size: .32rem;}
.item_gallery { clear: both;}

/* --------------------------------
	Detail Page
-------------------------------- */

#item_detail + row { margin-top: -1px; background: #fff;}

/*#item_detail .btn_area li:last-child {
    padding-left: 0;
}
*/


/* Slider */
.slick-loading .slick-list { background: #fff url('ajax-loader.gif') center center no-repeat;}


/* Arrow */

.slick_prev,
.slick_next { font-size: 18px; font-size: .18rem; width: 40px; height: 40px; line-height: 40px;}

/* Dots */
.slick-slider { margin-bottom: 30px;}

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; margin-top: .15rem; padding: 0; list-style: none; text-align: center;}
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1;}
.slick-dots li button:before { content:" "; line-height: 20px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 12px; height: 12px; text-align: center; opacity: .25; background-color: black; border-radius: 50%;}
.slick-dots li.slick-active button:before { opacity: 1; background-color: #6f6f6f;}

.slick-dots li button.thumbnail img { width: 0; height: 0;}

#item_photo_area .slick-slide { text-align: center;}
#item_photo_area .slick-slide img { display: inline-block;}


/******************************
	Media Query
*******************************/

@media only screen and (max-width: 767px) {

	/* --------- common ---------- */


	/****** Header Setting ********/


	/****** Side Setting ********/


	/****** Effect Setting ********/


}
@media only screen and (min-width: 768px) {

	/* --------- common ---------- */

	#contents {
		padding-top: 30px;
	}

	/****** Header Setting ********/

	/****** Layout ********/

	/* header */

	#header .header_logo_area { float: left; margin-right: 265px;}
	#header #drawer #search { position: relative;}
	#search { background: none; padding: 0;}
	#member { float: right;}

	.member ul li { display: inline-block;}



	/****** Side Setting ********/

	/****** Footer Setting ********/

	/****** Each BlockParts Setting ********/

	/* search area */

	#search select { width: auto; max-width: 180px;}
	/* cart */
	#cart .inner { position: absolute; right: 0; top: 0;}
	#cart_area { top: 0; right: 16px;}
	#cart_area p { border: 1px solid #D9D9D9; float: right; min-width: 256px;}
	#cart_area p.cart-trigger { position: relative; right: 0;}
	#cart_area .inner { min-width: 256px;}
	#cart_area .cart_price { font-size: 12px;}
	#cart_area .cart_price .price { font-size: 16px;}


	/* --------------------------------
		Top Page
	-------------------------------- */


	/* Comment Area */
	.front_page .comment_area h4 { font-size: 32px; font-size: .32rem; margin: 0 0 8px;}
	.front_page .comment_area h5 { font-size: 20px; font-size: .2rem;}
	.front_page .comment_area p { font-size: 20px; font-size: .2rem; margin: 24px 0 24px;}

	/* news_area */
	.news_contents { padding: 0 16px 0 0;}
	#news_area .heading01 { position: relative; text-align: left;}
	#news_area .heading01::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 84%; height: 1px; background-color: #BBB6B4;}
	#news_area { margin-bottom: 32px;}

	/* txt_bnr */
	.txt_bnr_area { padding-left: 16px;}
	.txt_bnr { margin:0 0 16px;}

	/* --------------------------------
		Detail Page
	-------------------------------- */

	#item_photo_area .slick-dots { margin: 0 -16px; position: relative; bottom: 0;}
	#item_photo_area .slick-dots::after { content: ""; display: table; clear: both;}

	#item_photo_area .slick-dots li { width: 33.33333333%; height: auto; padding: 16px; margin: 0; float: left;}

	.slick-dots li button.thumbnail { width: 100%; height: auto; padding: 0;}
	.slick-dots li button.thumbnail img { width: 100%; height: auto; opacity: 0.8;}
	.slick-dots li button.thumbnail:hover img,
	.slick-dots li.slick-active button.thumbnail img { opacity: 1;}
	.slick-dots li button.thumbnail::before { display: none;}
}

/* --------------------------------
    display mask
-------------------------------- */
.prevention-masked { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3040; background-color: #000; filter: alpha(opacity=50); opacity: .5;}
.extra-form { margin: 10px 0;}

@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------
BROWSER RESET / CLEARFIX / PKG
-------------------------------------------------------------------------------*/

/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html,fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}

/* Standard Helper Classes */
.clr{clear: both;float: none;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0;}
.clr hr{display:none;}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .pkg {display: inline-block;}
/* no ie mac \*/
* html .pkg {height: 1%;}
.pkg {display: block;}

/*-------------------------------------------------------------------------------
FONT / PKG
-------------------------------------------------------------------------------*/

/* Link Images Outline */
a {
  outline : 0;
}
/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

html { overflow: auto; font-size: 625%;}
@media (max-width: 1080px) {
    html { font-size: 600%;}
}
@media (max-width: 767px) {
    html { font-size: 480%;}
}
@media (max-width: 480px) {
    html { font-size: 460%;}
}
img {max-width: 100%;}
.mgt0 {margin-top: 0!important;}.mgt5 {margin-top: 0.05rem!important;}.mgt10 {margin-top: 0.1rem!important;}.mgt15 {margin-top: 0.15rem!important;}.mgt20 {margin-top: 0.2rem!important;}.mgt25 {margin-top: 0.25rem!important;}.mgt30 {margin-top: 0.3rem!important;}.mgt35 {margin-top: 0.35rem!important;}.mgt40 {margin-top: 0.4rem!important;}.mgt45 {margin-top: 0.45rem!important;}.mgt50 {margin-top: 0.5rem!important;}.mgt55 {margin-top: 0.55rem!important;}.mgt60 {margin-top: 0.6rem!important;}.mgt65 {margin-top: 0.65rem!important;}.mgt70 {margin-top: 0.7rem!important;}.mgt75 {margin-top: 0.75rem!important;}.mgt80 {margin-top: 0.8rem!important;}.mgt85 {margin-top: 0.85rem!important;}.mgt90 {margin-top: 0.9rem!important;}.mgt95 {margin-top: 0.95rem!important;}.mgt100 {margin-top: 1rem!important;}.mgb0 {margin-bottom: 0rem!important;}.mgb5 {margin-bottom: 0!important;}.mgb10 {margin-bottom: 0.1rem!important;}.mgb15 {margin-bottom: 0.15rem!important;}.mgb20 {margin-bottom: 0.2rem!important;}.mgb25 {margin-bottom: 0.25rem!important;}.mgb30 {margin-bottom: 0.3rem!important;}.mgb35 {margin-bottom: 0.35rem!important;}.mgb40 {margin-bottom: 0.4rem!important;}.mgb45 {margin-bottom: 0.45rem!important;}.mgb50 {margin-bottom: 0.5rem!important;}.mgb55 {margin-bottom: 0.55rem!important;}.mgb60 {margin-bottom: 0.6rem!important;}.mgb65 {margin-bottom: 0.65rem!important;}.mgb70 {margin-bottom: 0.7rem!important;}.mgb75 {margin-bottom: 0.75rem!important;}.mgb80 {margin-bottom: 0.8rem!important;}.mgb85 {margin-bottom: 0.85rem!important;}.mgb90 {margin-bottom: 0.9rem!important;}.mgb95 {margin-bottom: 0.95rem!important;}.mgb100 {margin-bottom: 1rem!important;}.mgr0 {margin-right: 0!important;}.mgr5 {margin-right: 0.05rem!important;}.mgr10 {margin-right: 0.1rem!important;}.mgr15 {margin-right: 0.15rem!important;}.mgr20 {margin-right: 0.2rem!important;}.mgr25 {margin-right: 0.25rem!important;}.mgr30 {margin-right: 0.3rem!important;}.mgr35 {margin-right: 0.35rem!important;}.mgr40 {margin-right: 0.4rem!important;}.mgr45 {margin-right: 0.45rem!important;}.mgr50 {margin-right: 0.5rem!important;}.mgr55 {margin-right: 0.55rem!important;}.mgr60 {margin-right: 0.6rem!important;}.mgr65 {margin-right: 0.65rem!important;}.mgr70 {margin-right: 0.7rem!important;}.mgr75 {margin-right: 0.75rem!important;}.mgr80 {margin-right: 0.8rem!important;}.mgr85 {margin-right: 0.85rem!important;}.mgr90 {margin-right: 0.9rem!important;}.mgr95 {margin-right: 0.95rem!important;}.mgr100 {margin-right: 1rem!important;}.mgl0 {margin-left: 0rem!important;}.mgl5 {margin-left: 0.05rem!important;}.mgl10 {margin-left: 0.1rem!important;}.mgl15 {margin-left: 0.15rem!important;}.mgl20 {margin-left: 0.2rem!important;}.mgl25 {margin-left: 0.25rem!important;}.mgl30 {margin-left: 0.3rem!important;}.mgl35 {margin-left: 0.35rem!important;}.mgl40 {margin-left: 0.4rem!important;}.mgl45 {margin-left: 0.45rem!important;}.mgl50 {margin-left: 0.5rem!important;}.mgl55 {margin-left: 0.55rem!important;}.mgl60 {margin-left: 0.6rem!important;}.mgl65 {margin-left: 0.65rem!important;}.mgl70 {margin-left: 0.7rem!important;}.mgl75 {margin-left: 0.75rem!important;}.mgl80 {margin-left: 0.8rem!important;}.mgl85 {margin-left: 0.85rem!important;}.mgl90 {margin-left: 0.9rem!important;}.mgl95 {margin-left: 0.95rem!important;}.mgl100 {margin-left: 1rem!important;}.pdt0 {padding-top: 0!important;}.pdt5 {padding-top: 0.05rem!important;}.pdt10 {padding-top: 0.1rem!important;}.pdt15 {padding-top: 0.15rem!important;}.pdt20 {padding-top: 0.2rem!important;}.pdt25 {padding-top: 0.25rem!important;}.pdt30 {padding-top: 0.3rem!important;}.pdt35 {padding-top: 0.35rem!important;}.pdt40 {padding-top: 0.4rem!important;}.pdt45 {padding-top: 0.45rem!important;}.pdt50 {padding-top: 0.5rem!important;}.pdt55 {padding-top: 0.55rem!important;}.pdt60 {padding-top: 0.6rem!important;}.pdt65 {padding-top: 0.65rem!important;}.pdt70 {padding-top: 0.7rem!important;}.pdt75 {padding-top: 0.75rem!important;}.pdt80 {padding-top: 0.8rem!important;}.pdt85 {padding-top: 0.85rem!important;}.pdt90 {padding-top: 0.9rem!important;}.pdt95 {padding-top: 0.95rem!important;}.pdt100 {padding-top: 1rem!important;}.pdb0 {padding-bottom: 0!important;}.pdb5 {padding-bottom: 0.05rem!important;}.pdb10 {padding-bottom: 0.1rem!important;}.pdb15 {padding-bottom: 0.15rem!important;}.pdb20 {padding-bottom: 0.2rem!important;}.pdb25 {padding-bottom: 0.25rem!important;}.pdb30 {padding-bottom: 0.3rem!important;}.pdb35 {padding-bottom: 0.35rem!important;}.pdb40 {padding-bottom: 0.4rem!important;}.pdb45 {padding-bottom: 0.45rem!important;}.pdb50 {padding-bottom: 0.5rem!important;}.pdb55 {padding-bottom: 0.55rem!important;}.pdb60 {padding-bottom: 0.6rem!important;}.pdb65 {padding-bottom: 0.65rem!important;}.pdb70 {padding-bottom: 0.7rem!important;}.pdb75 {padding-bottom: 0.75rem!important;}.pdb80 {padding-bottom: 0.8rem!important;}.pdb85 {padding-bottom: 0.85rem!important;}.pdb90 {padding-bottom: 0.9rem!important;}.pdb95 {padding-bottom: 0.95rem!important;}.pdb100 {padding-bottom: 1rem!important;}.pdl0 {padding-left: 0!important;}.pdl5 {padding-left: 0.05rem!important;}.pdl10 {padding-left: 0.1rem!important;}.pdl15 {padding-left: 0.15rem!important;}.pdl20 {padding-left: 0.2rem!important;}.pdl25 {padding-left: 0.25rem!important;}.pdl30 {padding-left: 0.3rem!important;}.pdl35 {padding-left: 0.35rem!important;}.pdl40 {padding-left: 0.4rem!important;}.pdl45 {padding-left: 0.45rem!important;}.pdl50 {padding-left: 0.5rem!important;}.pdl55 {padding-left: 0.55rem!important;}.pdl60 {padding-left: 0.6rem!important;}.pdl65 {padding-left: 0.65rem!important;}.pdl70 {padding-left: 0.7rem!important;}.pdl75 {padding-left: 0.75rem!important;}.pdl80 {padding-left: 0.8rem!important;}.pdl85 {padding-left: 0.85rem!important;}.pdl90 {padding-left: 0.9rem!important;}.pdl95 {padding-left: 0.95rem!important;}.pdl100 {padding-left: 1rem!important;}.pdr0 {padding-right: 0!important;}.pdr5 {padding-right: 0.05rem!important;}.pdr10 {padding-right: 0.1rem!important;}.pdr15 {padding-right: 0.15rem!important;}.pdr20 {padding-right: 0.2rem!important;}.pdr25 {padding-right: 0.25rem!important;}.pdr30 {padding-right: 0.3rem!important;}.pdr35 {padding-right: 0.35rem!important;}.pdr40 {padding-right: 0.4rem!important;}.pdr45 {padding-right: 0.45rem!important;}.pdr50 {padding-right: 0.5rem!important;}.pdr55 {padding-right: 0.55rem!important;}.pdr60 {padding-right: 0.6rem!important;}.pdr65 {padding-right: 0.65rem!important;}.pdr70 {padding-right: 0.7rem!important;}.pdr75 {padding-right: 0.75rem!important;}.pdr80 {padding-right: 0.8rem!important;}.pdr85 {padding-right: 0.85rem!important;}.pdr90 {padding-right: 0.9rem!important;}.pdr95 {padding-right: 0.95rem!important;}.pdr100 {padding-right: 1rem!important;}
.fs0 {font-size:0!important;}.fs1 {font-size:0.01rem!important;}.fs2 {font-size:0.02rem!important;}.fs3 {font-size:0.03rem!important;}.fs4 {font-size:0.04rem!important;}.fs5 {font-size:0.05rem!important;}.fs6 {font-size:0.06rem!important;}.fs7 {font-size:0.07rem!important;}.fs8 {font-size:0.08rem!important;}.fs9 {font-size:0.09rem!important;}.fs10 {font-size:0.1rem!important;}.fs11 {font-size:0.11rem!important;}.fs12 {font-size:0.12rem!important;}.fs13 {font-size:0.13rem!important;}.fs14 {font-size:0.14rem!important;}.fs15 {font-size:0.15rem!important;}.fs16 {font-size:0.16rem!important;}.fs17 {font-size:0.17rem!important;}.fs18 {font-size:0.18rem!important;}.fs19 {font-size:0.19rem!important;}.fs20 {font-size:0.2rem!important;}.fs21 {font-size:0.21rem!important;}.fs22 {font-size:0.22rem!important;}.fs23 {font-size:0.23rem!important;}.fs24 {font-size:0.24rem!important;}.fs25 {font-size:0.25rem!important;}.fs26 {font-size:0.26rem!important;}.fs27 {font-size:0.27rem!important;}.fs28 {font-size:0.28rem!important;}.fs29 {font-size:0.29rem!important;}.fs30 {font-size:0.3rem!important;}.fs31 {font-size:0.31rem!important;}.fs32 {font-size:0.32rem!important;}.fs33 {font-size:0.33rem!important;}.fs34 {font-size:0.34rem!important;}.fs35 {font-size:0.35rem!important;}.fs36 {font-size:0.36rem!important;}.fs37 {font-size:0.37rem!important;}.fs38 {font-size:0.38rem!important;}.fs39 {font-size:0.39rem!important;}.fs40 {font-size:0.4rem!important;}.fs41 {font-size:0.41rem!important;}.fs42 {font-size:0.42rem!important;}.fs43 {font-size:0.43rem!important;}.fs44 {font-size:0.44rem!important;}.fs45 {font-size:0.45rem!important;}.fs46 {font-size:0.46rem!important;}.fs47 {font-size:0.47rem!important;}.fs48 {font-size:0.48rem!important;}.fs49 {font-size:0.49rem!important;}.fs50 {font-size:0.5rem!important;}
.bold { font-weight: bold;}
.nmg-0 { margin-left: 0rem; margin-right: 0rem;}
.nmg-0 > [class*="col"] { padding-left: 0; padding-right: 0;}
.nmg-5 { margin-left: -0.05rem; margin-right: -0.05rem;}
.nmg-5 > [class*="col"] { padding-left: 0.05rem; padding-right: 0.05rem;}
.nmg-10 { margin-left: -.1rem; margin-right: -.1rem;}
.nmg-10 > [class*="col"] { padding-left: .1rem; padding-right: .1rem;}
.nmg-15 { margin-left: -.15rem; margin-right: -.15rem;}
.nmg-15 > [class*="col"] { padding-left: .15rem; padding-right: .15rem;}
.nmg-20 { margin-left: -.2rem; margin-right: -.2rem;}
.nmg-20 > [class*="col"] { padding-left: .2rem; padding-right: .2rem;}
.nmg-25 { margin-left: -.25rem; margin-right: -.25rem;}
.nmg-25 > [class*="col"] { padding-left: .25rem; padding-right: .25rem;}
.nmg-30 { margin-left: -.30rem; margin-right: -.30rem;}
.nmg-30 > [class*="col"] { padding-left: .30rem; padding-right: .30rem;}
.pd0 { padding:0;}
.relative {position: relative;}
@media (max-width: 991px) {
	.md-nmg-0 { margin-left: 0rem; margin-right: 0rem;}
	.md-nmg-5 { margin-left: -0.05rem; margin-right: -0.05rem;}
	.md-nmg-5 > [class*="col"] { padding-left: 0.05rem; padding-right: 0.05rem;}
	.md-nmg-10 { margin-left: -.1rem; margin-right: -.1rem;}
	.md-nmg-10 > [class*="col"] { padding-left: .1rem; padding-right: .1rem;}
	.md-nmg-15 { margin-left: -.15rem; margin-right: -.15rem;}
	.md-nmg-15 > [class*="col"] { padding-left: .15rem; padding-right: .15rem;}
	.md-nmg-20 { margin-left: -.2rem; margin-right: -.2rem;}
	.md-nmg-20 > [class*="col"] { padding-left: .2rem; padding-right: .2rem;}
	.md-nmg-25 { margin-left: -.25rem; margin-right: -.25rem;}
	.md-nmg-25 > [class*="col"] { padding-left: .25rem; padding-right: .25rem;}
	.md-nmg-30 { margin-left: -.30rem; margin-right: -.30rem;}
	.md-nmg-30 > [class*="col"] { padding-left: .30rem; padding-right: .30rem;}
}
@media (max-width: 767px) {
	.sm-nmg-0 { margin-left: 0rem; margin-right: 0rem;}
	.sm-nmg-5 { margin-left: -0.05rem; margin-right: -0.05rem;}
	.sm-nmg-5 > [class*="col"] { padding-left: 0.05rem; padding-right: 0.05rem;}
	.sm-nmg-10 { margin-left: -.1rem; margin-right: -.1rem;}
	.sm-nmg-10 > [class*="col"] { padding-left: .1rem; padding-right: .1rem;}
	.sm-nmg-15 { margin-left: -.15rem; margin-right: -.15rem;}
	.sm-nmg-15 > [class*="col"] { padding-left: .15rem; padding-right: .15rem;}
	.sm-nmg-20 { margin-left: -.2rem; margin-right: -.2rem;}
	.sm-nmg-20 > [class*="col"] { padding-left: .2rem; padding-right: .2rem;}
	.sm-nmg-25 { margin-left: -.25rem; margin-right: -.25rem;}
	.sm-nmg-25 > [class*="col"] { padding-left: .25rem; padding-right: .25rem;}
	.sm-nmg-30 { margin-left: -.30rem; margin-right: -.30rem;}
	.sm-nmg-30 > [class*="col"] { padding-left: .30rem; padding-right: .30rem;}
}


/* bootstrap4 */
.order-first { -ms-flex-order: -1; order: -1;}
.order-last { -ms-flex-order: 13; order: 13;}
.order-0 { -ms-flex-order: 0; order: 0;}
.order-1 { -ms-flex-order: 1; order: 1;}
.order-2 { -ms-flex-order: 2; order: 2;}
.order-3 { -ms-flex-order: 3; order: 3;}
.order-4 { -ms-flex-order: 4; order: 4;}
.order-5 { -ms-flex-order: 5; order: 5;}
.order-6 { -ms-flex-order: 6; order: 6;}
.order-7 { -ms-flex-order: 7; order: 7;}
.order-8 { -ms-flex-order: 8; order: 8;}
.order-9 { -ms-flex-order: 9; order: 9;}
.order-10 { -ms-flex-order: 10; order: 10;}
.order-11 { -ms-flex-order: 11; order: 11;}
.order-12 { -ms-flex-order: 12; order: 12;}
@media (min-width:769px) {
  .order-lg-first { -ms-flex-order: -1; order: -1;}
  .order-lg-last { -ms-flex-order: 13; order: 13;}
  .order-lg-0 { -ms-flex-order: 0; order: 0;}
  .order-lg-1 { -ms-flex-order: 1; order: 1;}
  .order-lg-2 { -ms-flex-order: 2; order: 2;}
  .order-lg-3 { -ms-flex-order: 3; order: 3;}
  .order-lg-4 { -ms-flex-order: 4; order: 4;}
  .order-lg-5 { -ms-flex-order: 5; order: 5;}
  .order-lg-6 { -ms-flex-order: 6; order: 6;}
  .order-lg-7 { -ms-flex-order: 7; order: 7;}
  .order-lg-8 { -ms-flex-order: 8; order: 8;}
  .order-lg-9 { -ms-flex-order: 9; order: 9;}
  .order-lg-10 { -ms-flex-order: 10; order: 10;}
  .order-lg-11 { -ms-flex-order: 11; order: 11;}
  .order-lg-12 { -ms-flex-order: 12; order: 12;}
}