@charset "utf-8";

@import url("https://www.konaya.jp/sobanomi-labo/assets/css/fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&display=swap');

/************************************************************
	Reset default browser CSS.
*************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
strong { font-weight:bold;}
:focus { outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
figure { margin-top:0; margin-bottom:0;}
table { border-collapse: collapse;border-spacing: 0;}
caption, th, td { font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a { margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}
a:active, a:hover { outline: none; outline-width: 0;}
a img { border: 0;}
figure {-webkit-margin-before: 0;-webkit-margin-after: 0;}
img {border-style: none;max-width: 100%;}
/*html,body{
   height: 100%;
   margin: 0px;
   padding: 0px;
}*/
html { font-size: 62.5%; /*10px*/ }
body{
    margin: 0 auto;
	color: #000;
	font-family: "游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Helvetica,sans-serif;
	font-size: 1.6rem;
	line-height: 1.7;
	word-wrap: break-word;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
p {
  line-height: 1.7;
}

/*************************
*        マージン       *
*************************/

.mt00 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb02 {margin-top: 2px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}


.ml00 {margin-left: 0px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr00 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

/************************************************************
	Clearfix
*************************************************************/
#wrapper:after { content:""; display: table; clear: both;}
#wrapper { zoom: 1;}
.clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}

/************************************************************
	ログインログアウトの表示切り替えを行うCSS
*************************************************************/
.logout.my-false { display: none!important;}
.login.my-true { display: none!important;}

/************************************************************
	オリジナルCSSに表記されていたもの
*************************************************************/

.fs-p-address {
  display: flex;
  flex-direction: column;
  margin: 20px;
}

hr{
	border-top: 0.5px solid #dcdcdc;
}

#attention03 {
	
	margin: 20px auto;
	padding: 0.5em 1em;
	text-align: left;
	border: 2px dashed #B7696E;
	}

@media only screen and (max-width:767px){
#attention03 {
	font-size:1.2rem;
	}
}

.fs-c-memberPolicyAgreeField{
display: none;
}
.fs-c-privacyPolicyAgreeField{
margin-top: 3rem;
}


p.resizeimage img { width: 100vw; 
height: auto; }

/*会員登録画面の氏名欄の枠を調整するCSS*/
#fs_input_lastName,
#fs_input_firstName,
#fs_input_lastNameKana, #fs_input_firstNameKana {
    padding: 10px;
    border-color: #AAAAAA;
}

 
/*会員登録画面、お客様情報入力画面の横幅を調整するCSS*/
form .fs-c-inputInformation__field {
    max-width: 600px;
}

/*カート画面のAmazonアカウントの説明を目立たせるCSS*/
.fs-body-cart .fs-c-payWithAmazon {
    background: #FFF;
    padding: 10px;
    border-radius: 10px;
    border: 3px solid #900;
}
 
.fs-body-cart .fs-c-payWithAmazon__message p strong {
    color: #900;
    font-size: 1.35em;
}
 
.fs-body-cart .fs-c-payWithAmazon__message p {
    font-size: 1.1em;
}

/*ログイン画面のAmazonボタンを目立たせるCSS*/
.fs-c-otherServiceLogin {
    margin-top:20px;
    padding: 0 20px 20px 20px ;
    border-radius: 10px;
    border: 3px solid #900;
    text-align:center;
}
.fs-c-linkedServiceLogin__title {
    color: #900;
    font-size: 1.35em;
    font-weight:bold;
}
 
.fs-c-linkedServiceLogin__body {
    font-size: 1.1em;
}
 
.fs-c-buttonContainer {
    margin: 0 auto;
}





/************************************************************
	Font Awesome
*************************************************************/
.famr:before {
	margin-right: 0.5rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.faml:after {
	margin-left: 0.5rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fanm:before ,
.fanm:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/************************************************************
	Link
*************************************************************/
a {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	color: #333;
    text-decoration: none;
}
a:hover,
a:active {
	outline: none;
    color: #333;
	text-decoration: underline;

}
a:hover img:not(.op) {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-ms-filter: "alpha( opacity=75 )";
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	background: #FFF;
}
a.tel {
	text-decoration:none;
}

/*基本
----------------------------------------------------------------*/

a {  color: #105467; outline:none; }
a:link { color: #105467;  outline: none;  text-decoration: none; text-decoration: underline;}    
a:visited { color: #105467;  outline: none;  text-decoration: none;}   
a:hover { color: #DABF62; text-decoration: underline;} 
a:active { color: #DABF62; outline: none;  text-decoration: none;} 


/*アンダーラインありテキスト紺
----------------------------------------------------------------*/

a.line {  color: #151729; outline:none; }
a:focus.line { overflow:hidden; outline:none; text-decoration: none;}
a:link .line  { color: #151729;  outline: none;   text-decoration: underline;}    
a:visited.line { color: #151729;  outline: none;  text-decoration: none;}   
a:hover.line {color:#105467;　 outline:none;　text-decoration:underline;} 
a:active.line { color: #C2AF76; outline: none;  text-decoration: none;} 

/*アンダーラインなしテキスト紺
----------------------------------------------------------------*/

a.noline {  color: #151729; outline:none; text-decoration: none;}
a:focus.noline { overflow:hidden; outline:none; text-decoration: none;}
a:link .noline  { color: #151729;  outline: none;  text-decoration: none;}    
a:visited.noline { color: #151729;  outline: none;  text-decoration: none;}   
a:hover.noline  {color: #105467;　text-decoration: none; } 
a:active.noline { color: #C2AF76; outline: none;  text-decoration: none;} 

/*hover背景テキスト紺
----------------------------------------------------------------*/

a.bgc {  color: #151729; outline:none; text-decoration: none; padding:10px;}
a:focus.bgc { overflow:hidden; outline:none; text-decoration: none;}
a:link.bgc  { color: #151729;  outline: none;  text-decoration: none;}    
a:visited.bgc { color: #151729;  outline: none;  text-decoration: none;}   
a:hover.bgc {color: #FFFFFF;　text-decoration: none; background-color: #004867;} 
a:active.bgc { color: #C2AF76; outline: none;  text-decoration: none;} 

/*アンダーラインありテキスト白
----------------------------------------------------------------*/

a.wh {  color:#FFFFFF ; outline:none; text-decoration: none; }
a:focus.wh { overflow:hidden; outline:none; text-decoration: none;}
a:link.wh { color: #FFFFFF;  outline: none;  text-decoration: none;}    
a:visited.wh { color: #FFFFFF;  outline: none;  text-decoration: none;}   
a:hover.wh {color: #FFFFFF;  outline: none; text-decoration: underline;} 
a:active.wh { color: #FFFFFF; outline: none;  text-decoration: none;} 


/*フッターユーティリティ部分
----------------------------------------------------------------*/

#footerUtility a {  color: #EAE6DA; outline:none; }
#footerUtility a:focus { overflow:hidden; outline:none; text-decoration: none;}
#footerUtility a:link { color: #EAE6DA;  outline: none;  text-decoration: none;}    
#footerUtility a:visited { color: #EAE6DA;  outline: none;  text-decoration: none;}   
#footerUtility a:hover {color: #C2AF76; text-decoration: underline;} 
#footerUtility a:active { color: #C2AF76; outline: none;  text-decoration: none;} 


/*フッターナビゲーション部分
----------------------------------------------------------------*/

#footer_navi a {  color: #EAE6DA; outline:none; }
#footer_navi a:focus { overflow:hidden; outline:none; text-decoration: none;}
#footer_navi a:link { color: #EAE6DA;  outline: none;  text-decoration: none;}    
#footer_navi a:visited { color: #EAE6DA;  outline: none;  text-decoration: none;}   
#footer_navi a:hover {color: #C2AF76; text-decoration: underline;} 
#footer_navi a:active { color: #C2AF76; outline: none;  text-decoration: none;} 

/************************************************************
	一覧ボタン
*************************************************************/
.btn {
    border: 2px solid #000;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1rem;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 280px;
	transition: 0.3s ease-in-out;
}
.btn:after {
	content:"\f101";
}
.btn:hover {
	text-decoration:none;
	background:#000;
	color:#FFF;
}

/************************************************************
	カルーセル（owl carousel）
*************************************************************/

/************************************************************
	基本レイアウト
*************************************************************/
#wrapper {
	width:100%;
	height: auto;
	margin:0 auto;
	background-color: #FCFBF7;
	position : relative ;
	overflow: hidden; 
}



[class*="fs-l-col--"] {
    /*display: -ms-grid;*/
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.fs-l-page {
	width:100%;
	height: auto;
	margin:0 auto;
	position : relative ;
	overflow: hidden; 
}
.fs-l-main {
    margin: 0 auto 4rem;
    padding: 0;
    max-width: 1120px;
	width:100%;
    box-sizing: border-box;
}
.fs-l-main2 {
    margin: 0 auto 4rem;
    padding: 1rem;
    max-width: 950px;
	width:100%;
    box-sizing: border-box;
}
	@media screen and (max-width: 767px) {
.fs-l-main2 p {
    text-align:center;
}
        }
.fs-body-login .fs-l-main .fs-l-main2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.fs-l-main > div ,
.fs-l-main > form {
    margin: 0 auto;
}*/
.fs-l-pageMain {
    max-width: 835px;
    width: 100%;
	float:right;
}
.fs-l-sideArea {
    max-width: 250px;
    width: 100%;
	float:left;
}
	@media screen and (max-width: 1199px) {
		.fs-l-main .fs-l-main2 {
			padding: 0 2rem;
		}
		.fs-l-pageMain {
			width: 75%;
		}
		.fs-l-sideArea {
			width: 20%;
		}
	}
	@media only screen and (max-width: 767px){
		.fs-l-main .fs-l-main2 {
			padding: 0 2rem;
            margin: 0 1rem;
		}
		.fs-l-pageMain {
            width: 100%;
            margin-top: 1.5rem;
			padding: 0 1rem
        }
		.fs-l-sideArea {
			display:none;
		}
	}

	/************************************************************
		見出し
	*************************************************************/
		h1 {
			margin: 10 0 0;
			font-weight: normal;
		}
		
		h2 {
			margin: 20px 0px 20px 0px;
		}
		
		h3 {
			margin: 30px 0px 20px 0px;
		}
		
		h4 {
			margin: 20px 0px 20px 0px;
		}
		.p_ttl {
			background-repeat: no-repeat;
			background-position: left top;
			margin-top: 0px !important;
			background-image: url(https://kuranokonaya.itembox.design/item/sl/image/p_ttl_bg.png);
			padding: 7px 0px 0px 15px;
		}
		@media only screen and (max-width: 999px) {
		}
		@media only screen and (min-width: 768px) and (max-width: 999px) {
		}
		@media only screen and (max-width: 767px){
			.fs-p-heading--lv2 {
				font-size:1rem;
				margin-bottom:2rem;
			}
			.p_ttl {
				font-size:1.4rem;
			}
		}

	/************************************************************
		PC/SP切替
	*************************************************************/
	.pc {
		display:block;
	}
	.sp {
		display:none;
	}
		@media only screen and (max-width: 767px){
			.pc {
				display:none;
			}
			.sp {
				display:block;
			}
		}
	
	/************************************************************
		ヘッダーメッセージ
	*************************************************************/
	#headerMessageArea {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background-color: #151729;
		border-top: 1px solid #FCFBF7;
	}
	#headerMessage {
		max-width: 1120px;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#headerMessage .img_right {
		float: right;
		clear: right;
		padding-left: 1rem;
	}
	#headerMessage > div {
		width: 100%;
		height: 6.5rem;
		overflow: hidden;
	}
	#headerMessage h1 {
		color: #FFFFFF;
		font-size:1.6rem ;
		line-height: 6.5rem;
	}
	#headerMessage ul { 
		width:500px;
		float: right;
		clear: right;
	}
	#headerMessage li { 
		display: inline;
	}
		@media only screen and (max-width: 1199px) {
			#headerMessage {
				padding:0 1rem;
			}
		}
		@media only screen and (max-width: 999px) {
			#headerMessage h1 {
				font-size:1.2rem ;
			}
		}
		@media only screen and (max-width: 767px){
			#headerMessage > div {
				height: auto;
				padding:0.5rem 0;
			}
			#headerMessage h1 {
				line-height: inherit;
			}
			#headerMessage .img_right {
				float: none;
				display:none;
			}
		}

	/************************************************************
		ヘッダー
	*************************************************************/
	#headerArea {
		width: 100%;
		height: 130px;
		margin: 0 auto;
		background-color: #ECE8DF;
	}
	#header {
		max-width: 1120px;
		width: 100%;
		height: 130px;
		font-size:0.85em !important;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#header .logo {
		float:left;
	}
	#header .logo img {
		display:block;
	}
	#header ul { 
		margin: 10px 0 0 0 ;
		float: right;
		clear: right;
	}
	#header li { 
		display: inline;
	}
	#header .cartBtn {
		padding: 2rem 0 0 0;
	}
	#header .menuBtn {
		float: right;
		background: #151729;
		color: #FFF;
		border-radius: 0.5rem;
		line-height: 1;
		text-align: center;
		margin: 0.8rem 0 0.8rem 1rem;
		cursor: pointer;
		height: 33px;
	}
		@media only screen and (max-width: 1199px) {
			#header {
				padding:0 1rem;
			}
		}
		@media only screen and (max-width: 999px) {
			#headerArea {
				height: auto;
			}
			#header {
				height: auto;
			}
			#header > a > img {
				width:300px;
			}
			#header .cartBtn {
				padding: 0;
			}
		}
		@media only screen and (max-width: 767px){
			#header ul { 
				clear: none;
			}
			#header ul.subNav {
				display:none;
			}
			#header > a > img {
				width:150px;
			}
		}
		@media only screen and (max-width: 350px){
			#header > a > img {
				width:120px;
			}
		}

	/************************************************************
		グローバルナビ
	*************************************************************/
	#gnaviArea {
		width: 100%;
		height: 3.4rem;
		margin: 0.3rem auto 1.5rem auto ;
		background-image: url(https://kuranokonaya.itembox.design/item/sl/image/globalnavi/gnavi_bg.gif);
		background-repeat: repeat;
	}
	#gnavi {
		max-width: 1120px;
		height: 3.4rem;
		margin: 0 auto;
		width: 100%;
	}
	#gnavi ul {
		font-size: 0;
	}
	#gnavi ul li {
		width: 16.666%;
		border-left:0.15rem solid #FFF;
		border-right:0.15rem solid #FFF;
		display: inline-block;
		box-sizing: border-box;
	}
	#gnavi ul li a {
		text-align:center;
		font-size: 1.6rem;
		
		font-weight:bold;
		color:#000;
		background:#dfdbd1;
		display:block;
		width:100%;
		text-decoration:none;
	}
	#gnavi ul li a:hover {
		text-decoration:none;
		color:#fcfcfc;
		background:#134a63;
	}
@media only screen and (min-width: 999px) {
	#gnavi ul li a {
		line-height:3.4rem;
		}
	}
	
	@media only screen and (max-width: 999px) {
		#gnavi ul li a {
			font-size: 1.3rem;
		}
	}
	@media only screen and (max-width: 767px){
		#gnaviArea {
			display:none;
			width: 100%;
			height:auto;
			margin: 0;
			background-image: none;
			background-repeat: repeat;
			background-color: #000;
		}
		#gnavi {
			height: auto;
		}
		#gnavi ul {
			padding: 1rem 0;
		}
		#gnavi ul li {
			width: 100%;
			border: 0;
			display: block;
			box-sizing: border-box;
		}
		#gnavi > ul > li {
			font-size: 1.3rem;
			text-align: left;
			padding: 1rem;
			color: #FFF;
			background: no-repeat;
			height: auto;
			font-weight: normal;
		}
		#gnavi ul li a {
			text-align: left;
			padding: 0;
			color: #FFF;
			background: no-repeat;
			height: auto;
			font-weight: normal;
			box-sizing: border-box;
		}
		#gnavi > ul > li > span {
			cursor:pointer;
		}
		#gnavi > ul > li > a > span:after {/*ドロップダウンなし*/
			content:"\f0da";
			margin-left: 0.5rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		#gnavi > ul > li > span:after {
			content:"\f0d7";
			margin-left: 0.5rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		#gnavi > ul > li > ul > li > a {
            padding: 0 1rem;

		}
		#gnavi > ul > li > ul > li > a:after {
			content:"\f0da";
			margin-left: 0.5rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		#gnavi > ul > li > ul {
			display:none;
		}
		#subNavi {
			background:#0e101c;
		}
		#subNavi ul {
		}
		#subNavi ul li {
			float:left;
			width:20%;
			text-align: center;
		}
		#subNavi ul li a {
			font-size: 1.1rem;
			color: #FFF;
			text-decoration: none;
			display: block;
			line-height: 1;
			padding:0.5rem 0;
		}
		#subNavi ul li a:before {
			display:block;
			font-size: 2rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			margin-bottom: 0.5rem;
		}
		#subNavi ul li:nth-of-type(1) a:before { content:"\f015";}
		#subNavi ul li:nth-of-type(2) a:before { content:"\f03a";}
		#subNavi ul li:nth-of-type(3) a:before { content:"\f041";}
		#subNavi ul li:nth-of-type(4) a:before { content:"\f2bd";}
		#subNavi ul li:nth-of-type(5) a:before { content:"\f07a";}
	}



	/************************************************************
		パンくず
	*************************************************************/
	.fs-c-breadcrumb {
		font-size: 1.6rem;
		display: block;
		margin: 0 auto;
	}
	.fs-c-breadcrumb__list {
		padding: 1rem 0;
		width: 100%;
		max-width: 1120px;
		margin: 0 auto;
	}
	.fs-c-breadcrumb__list > li {
		box-sizing: border-box;
		margin-right: 0.5rem;
	}
	.fs-c-breadcrumb__list > li a {
		text-decoration:underline;
	}
	.fs-c-breadcrumb__listItem {
		display: inline-block;
	}
	.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
		margin-right: 0.5rem;
	}
	.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
		content: " > ";
	}
		@media only screen and (max-width: 767px){
			.fs-c-breadcrumb__list > li {
				font-size: 1rem;
			}
		}
	
	/************************************************************
		サイドナビ
	*************************************************************/
	#sidenavi p.title {
		margin:1rem 0;
		padding: 0 0 0 25px;
		background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/sidenavi_title_bg.png);
		background-repeat: no-repeat;
		font-size: 1.18em;
		font-weight: bold;
	}
		@media only screen and (max-width: 999px) {
			#sidenavi p.title {
				font-size: 1em;
			}	
		}
		@media only screen and (max-width: 767px){
		}

	/* 商品検索 */
	#serchbox {
		width: 100%;
		padding: 10px 0 15px 0;
		box-sizing: border-box;
	}
	#serchbox div.serchB {
		width: 100%;
		height: 33px;
		border: 1px solid #000000;
		overflow: hidden;
		position: relative;
	}
	#serchbox div.serchB input {
		margin: 0px;
		padding: 0px;
	}
	#serchbox div.serchB input.box {
		height: 33px;
		width: 100%;
		font-size: 14px;
		line-height: 25px;
		margin: 0px;
		padding: 0px 0 0 5px;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#serchbox div.serchB input.serch_bt {
		height: 34px;
		width: 43px;
		position: absolute;
		right: 0;
		top: 0px;
	}
	
	/* 商品カテゴリー */
	#sidenavi_item li {
		width: 100%;
		height: 70px;
		margin: 0;
	}
	#sidenavi_item a {
		outline: none;
		color: #2f2825;
		width: 100%;
		height: 70px;
		line-height:70px;
		padding-left:85px;
		font-size: 0.9em;
		display: block;
		background-color: #ECE8DF;
		border-top: 1px solid #C2BDAB;
		box-sizing: border-box;
	}
	#sidenavi_item a:focus { overflow:hidden;  outline:none; text-decoration: none;}
	#sidenavi_item a:link {   outline: none;  text-decoration: none;}    
	#sidenavi_item a:visited {  outline: none;  text-decoration: none;}   
	#sidenavi_item a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color: #0F4A64;
		
	} 
	#sidenavi_item a:active {  outline: none;  text-decoration: none;} 
	
	#sidenavi_item .item01 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_sobako.png); background-repeat: no-repeat;} 
	#sidenavi_item .item02 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_sobanomi.png); background-repeat: no-repeat;} 
	#sidenavi_item .item03 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_komugiko.png); background-repeat: no-repeat;} 
	#sidenavi_item .item04 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_gift.png); background-repeat: no-repeat;} 
	#sidenavi_item .item05 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_jitaku.png); background-repeat: no-repeat;} 
	#sidenavi_item .item06 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_kanren.png); background-repeat: no-repeat;} 
	#sidenavi_item .item07 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_dougu.png); background-repeat: no-repeat;} 
	#sidenavi_item .item08 {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_kona.png); background-repeat: no-repeat;} 
	
	#sidenavi_item .item_ishiusu {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_ishiusu.png); background-repeat: no-repeat;} 
	#sidenavi_item .item_roll {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_roll.png); background-repeat: no-repeat;} 
	#sidenavi_item .item_uchiko {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_uchiko.png); background-repeat: no-repeat;} 
	#sidenavi_item .item_otameshi {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_otameshi.png); background-repeat: no-repeat;} 
	#sidenavi_item .item_gyoumu {background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/side_category_gyoumu.png); background-repeat: no-repeat;} 
#sidenavi_item .item_sobacha {background-image: url(https://kuranokonaya.itembox.design/item/side_category_sobacha.png); background-repeat: no-repeat;} 
	
	/* 情報バナー部分 */
	#sidenavi #sidenavi_banner  a:hover img {
	 opacity: 0.5;
	 filter: alpha(opacity=50);
	 -moz-opacity: 0.5;
	}
		@media only screen and (max-width: 999px) {
			#sidenavi_item li {
				height: 44px;
			}
			#sidenavi_item .item01 ,
			#sidenavi_item .item02 ,
			#sidenavi_item .item03 ,
			#sidenavi_item .item04 ,
			#sidenavi_item .item05 ,
			#sidenavi_item .item06 ,
			#sidenavi_item .item07 ,
			#sidenavi_item .item08 {
				background-size: 5rem;
			}
			#sidenavi_item a {
				font-size:0.8em;
				height: 44px;
				line-height: 44px;
				padding-left: 55px;
			}
			#sidenavi_item a span {
				font-size:inherit!important;
			}
		}

		@media screen and (max-width: 1199px) {
sidenavi #sidenavi_banner p a img{
    width: 100%;
    height:auto
    
	}
            }
	

	/*レフトナビ（各情報ページ）
	----------------------------------------------------------------*/
	#sidenavi_info {
		margin-bottom:4rem;
		width:100%;
	}
	#sidenavi_info li {
		width: 100%;
		height: 40px;
		margin: 0;
	}
	#sidenavi_info a {
		outline: none;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-left: 30px;
		font-size: 1em;
		display: block;
		border-bottom: 1px solid #C2BDAB;
		background-image: url(https://kuranokonaya.itembox.design/item/sl/image/sidenavi/info_li_bg.png);
		background-repeat: no-repeat;	
		box-sizing: border-box;
		}
	#sidenavi_info a:focus { overflow:hidden;  outline:none; text-decoration: none; }
	#sidenavi_info a:link {   outline: none;  text-decoration: none;}    
	#sidenavi_info a:visited {  outline: none;  text-decoration: none; }   
	#sidenavi_info a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color: #0F4A64;
		
	} 
	#sidenavi_info a:active {  outline: none;  text-decoration: none; } 
	#sidenavi_info .current a {
		text-decoration: none;
		background-color: #0F4A64;
		color: #FFFFFF;
	}
	@media only screen and (max-width: 1199px) {
		#sidenavi_info a {
			font-size: 1.2rem;
			box-sizing: border-box;
		}
	}

	/************************************************************
		フッター
	*************************************************************/
	.fs-l-footer {
		position: relative;
		background-color: #EFEFEF;
		margin-top: 20rem;
		padding-top:2rem;
		box-sizing: border-box;
	}


	/* フッターカレンダー */
	#footer_calendarArea {
		width:100%;
		background-color: #FCFBF7;
		margin:0 auto;
		clear: both;
		box-sizing: border-box;
		}
    
	#footer_calendar  {
		width:100%;
		max-width:1120px;
		height: 100%;
		margin:0 auto;
		padding: 5rem 0; 
		overflow: hidden;
		box-sizing: border-box;
		}
.calendar ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
    
.calendar ul:before, ul:after {
    content: " ";
    display: table; }
    
.calendar ul:after {
    clear: both; }
.calendar ul li {
    padding: 0 1em;
    margin: 1em 0; }
    .calendar {
        display: block;
        margin-top: 0.6em;
    }
.calendar ul li table.cal tbody td span.cal-week-close {
    color:#FF0000;
     background-color: #ddd; }



    
    @media screen and (min-width: 600px) {

.calendar ul {
        display: flex;
        justify-content: center;
    }
.calendar ul li {
        width: 41.5%;
        margin-bottom: 0;
    }
.calendar ul li+li {
        margin-left: 5%;
    }

.calendar ul li {
        float: left;
        width: 50%; }
 .calendar ul li table.cal {
      width: 100%; }
.calendar ul li table.cal thead th {
        text-align: center;
        padding: .5em 0; }
.calendar ul li table.cal tbody td {
        text-align: center;
        width: 14.27%; }
.calendar ul li table.cal tbody th {
    text-align: center;
        background-color: #f2f2f2; }
.calendar ul li table.cal tbody td {
        padding: 0;
        border: 1px solid #0D4259; }
.calendar ul li table.cal tbody td span {
          display: block;
          width: 100%;
          height: 100%; }
}




	/* フッターガイド */
	#footer_guideArea {
		width:100%;
		background-color: #EEEAE2;
		margin:0 auto;
		clear: both;
		box-sizing: border-box;
		}
	#footer_guide  {
		width:100%;
		max-width:1120px;
		height: 100%;
		margin:0 auto;
		padding: 5rem 0; 
		overflow: hidden;
		box-sizing: border-box;
		}
	#footer_guide > div {
		width: 32%;
		float: left;
	}
	#footer_guide > div:nth-of-type(2) {
		margin:0 2%;
	}
	#footer_guide > div > section {
		margin-bottom:4rem;
	}
	#footer_guide > div > section > h4 {
		margin: 0 0 1rem;
		line-height: 150%;
	}
	#footer_guide > div > section > h4 img {
		display:block;
	}
	#footer_guide > div > section > div {
		margin-bottom:2rem;
	}
	@media only screen and (max-width: 1199px) {
		#footer_guide  {
			padding: 5rem 2rem; 
		}
	}
	@media only screen and (max-width: 999px) {
		#footer_guide > div {
			width: 100%;
			float:none;
			font-size: 0;
		}
		#footer_guide > div > section {
			width: 50%;
			font-size: 1.6rem;
			display: inline-block;
			box-sizing: border-box;
			vertical-align: top;
			padding:0 1rem;
		}
		#footer_guide > div:nth-of-type(2) {
			margin:0;
		}
	}
	@media only screen and (max-width: 767px){
		#footer_guide  {
			padding: 2rem; 
		}
		#footer_guide > div > section {
			width: 100%;
			margin-bottom:0;
		}
		#footer_guide > div > section > div {
			display:none;
		}
	}

	/* フッターナビ */
	#footer_naviArea {
		width:100%;
		height: auto;
		background-color: #151729;
		box-sizing: border-box;
		}
	#footer_navi {
		width:100%;
		max-width:1120px;
		height: 100%;
		padding: 1rem 0 5rem 0; 
		margin: 0 auto;
		overflow: hidden;
		box-sizing: border-box;
		}
	#footer_navi > div {
		width: 20%;
		height: 100%;
		padding: 0 1.5rem;
		float: left;
		box-sizing: border-box;
	}
	#footer_navi > div:first-of-type {
		margin: 0;
	}
	#footer_navi p {
		font-size:1.8rem !important;
		color: #EAE6DA;
		padding: 10px 0 15px 15px;
		border-bottom: 1px solid #FCFBF7;
		background-image: url(https://kuranokonaya.itembox.design/item/sl/image/footer_navi_bg.gif);
		background-repeat: no-repeat;
		}
	#footer_navi ul { 
		 margin:0 0 0 10px ; 
		 }
	#footer_navi li { 
		 margin:15px 0; 
		 }
	#foot01 {
		clear: both;
		padding: 20px 0 0px 0px;
		margin: 40px 0 0px 0px;
		border-top: 1px solid #EAE6DA;
		}

	@media only screen and (max-width: 1199px) {
		#footer_navi  {
			padding: 1rem 2rem 5rem; 
		}
	}
	@media only screen and (max-width: 999px) {
		#footer_navi > div {
			width: 49%;
			margin: 0;
			float: left;
		}
		#footer_navi > div:nth-of-type(even) {
			margin: 0 0 0 2%;
		}
	}
	@media only screen and (max-width: 767px){
		#footer_naviArea {
			padding: 1rem 0;
			background-color: #eee;
		}
		#footer_spNavi {
		}
		#footer_spNavi a {
			display: block;
			background: #FFF;
			margin-bottom: 1rem;
			padding: 0.5rem 1rem;
			text-decoration:none;
		}
		#footer_spNavi a:before {
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			margin-right: 1rem;
		}
		#footer_spNavi a:nth-of-type(1):before { content:"\f024";}
		#footer_spNavi a:nth-of-type(2):before { content:"\f02d";}
		#footer_spNavi a:nth-of-type(3):before { content:"\f003";}
		#footer_spNavi a:nth-of-type(4):before { content:"\f1ea";}
		#footer_spNavi a:nth-of-type(5):before { content:"\f007";}
		#footer_spNavi a:nth-of-type(6):before { content:"\f16a";}/*youtube*/
		#footer_spNavi a:nth-of-type(7):before { content:"\f230";}/*facebook*/
        #footer_spNavi a:nth-of-type(8):before { content:"\f16d";}/*insutagram*/
        #footer_spNavi a:nth-of-type(9):before { content:"\f081";}/*twitter*/
		#footer_spNavi a:nth-of-type(10):before { content:"\f0e8";}
	}

	#footerUtilityArea {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background-color: #151729;
		border-top: 1px solid #FCFBF7;
		padding-bottom:1rem;
	}
	#footerUtility {
		width:100%;
		max-width:1120px;
		font-size: 0.78em;
		margin: 0 auto;
	}
	#footerUtility > div {
		width: 100%;
	}
	#footerUtility > div > a > img {
		display: block;
		max-width: 270px;
		float: left;
	}
	#footerUtility ul {
		float: right;
		padding-top: 6rem;
	}
	#footerUtility ul li {
		display: inline;
	}
	#footerUtility ul li a {
		font-size:1.6rem;
	}
	#footerUtility .copyright {
		color: #EAE6DA;
		text-align:center;
	}
	@media only screen and (max-width: 1199px) {
		#footerUtility  {
			padding: 0 2rem 1rem; 
			box-sizing: border-box;
		}
	}
	@media only screen and (max-width: 999px) {
		#footerUtility ul li a {
			font-size: 1.2rem;
		}
	}
	@media only screen and (max-width: 767px){
		#footerUtility ul {
			float: none;
			padding-top: 0rem;
			font-size: 1.6rem;
		}
		#footerUtility ul li a {
			font-size:1.6rem;
		}
		#footerUtility > div {
			margin-bottom: 2rem;
		}
		#footerUtility > div > a > img {
			float:none;
			display: block;
			margin: 0 auto;
			max-width: 160px;
			height: auto;
		}
	}
p.social-links {color: #fff;
    }
.social-links a {
  font-size: 20px;
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
.social-links a:hover {
  background: #151729;
  color: #EAE6DA;
  text-decoration: none;
}

/************************************************************
	01 トップページ
*************************************************************/
#fs_Top {
    background-color: #FCFBF7;
}

/*見出し部分*/
.top_h2 {
	font-weight:bold;
	font-size: 2rem;
	margin: 30px auto 0  auto;
	letter-spacing: 0.15em;
	padding: 22px 0px 15px 36px;
	background-image: url(../images/contents/home/top_h2.png);
	background-repeat: no-repeat;
}

/*バナー部分*/
#top_banner {
	width: 100%;
	max-width: 835px;
	height: 100%;
	overflow: hidden;
}
	
#top_banner p {
	font-size: 1em !important;
	color: #000000;
	padding: 3px 0 0px 15px;
	background-image: url(../images/contents/home/top_p_bg.gif);
	background-repeat: no-repeat;
	}
#top_banner  a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/*スライド*/
.slideWrapper {
	width: 100%;
	max-width: 835px;
	/*height:396px;*/
	padding:1px;
	border: 1px solid #c1beaf;
    box-sizing: border-box;
}

/*大西製粉3つの柱*/
#kodawari {
	width: 100%;
	max-width: 835px;
}
#kodawari > div {
    width: 32%;
    max-width: 275px;
    margin: 0;
    box-sizing: border-box;
}
#kodawari > div:nth-last-of-type(2) {
    margin: 0 2%;
}


/*店長のおすすめ商品*/
.recommend a:nth-of-type(1) img ,
.recommend a:nth-of-type(4) img {
	float: left;
	margin-bottom: 1rem;
}
.recommend a:nth-of-type(2) img ,
.recommend a:nth-of-type(3) img {
	float: left;
	margin: 0 0 1rem 10px;
}
	@media only screen and (max-width: 767px){
		.recommend a:nth-of-type(1) img ,
		.recommend a:nth-of-type(4) img {
			width: 100%;
		}
		.recommend a:nth-of-type(2) img ,
		.recommend a:nth-of-type(3) img {
			margin: 0 0 1rem;
			width: 50%;
		}
	}

/*ランキング*/
#ranking {
    width: 100%;
	max-width: 835px;
    font-size: 0;
    text-align: left;
}
#ranking > div {
	vertical-align:top;
	display:inline-block;
	width:20%;
	padding:0 1rem;
	box-sizing: border-box;
}
#ranking > div a {
    font-size: 1.6rem;
}
#ranking  a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
#ranking > div a span {
	display:block;
}
	@media only screen and (max-width: 767px){
	#ranking {
		max-width: 350px;
	}
		#ranking > div {
			width:50%;
		}
	}

/*そばと暮らし*/
.topics a:nth-of-type(1) img {
	float: left;
	margin-bottom: 1.5rem;
}
.topics a:nth-of-type(2) img ,
.topics a:nth-of-type(3) img {
	float: left;
	margin: 0 0 1.5rem 1rem;
}
	@media only screen and (max-width: 767px){
		.topics a:nth-of-type(1) img {
			width: 100%;
		}
		.topics a:nth-of-type(2) img ,
		.topics a:nth-of-type(3) img {
			margin: 0 0 1rem;
			width: 50%;
		}
	}

/*新着情報*/
dl.news {
	font-size:14px;
	font-size:0.875em !important;
	margin:20px 0;
	border-top: 1px solid #0F4A64;
	padding:10px 0 0 0;
}
	
dl.news dt {
	font-weight: bold;
	width: 180px;
	padding: 5px 0 5px 10px;
	clear: both;
	float: left;
	color: #0F4A64;
}

dl.news dd {
	margin-left:200px;
	padding:5px 5px 5px 5px;
}
	 
/*2行の場合*/
dl.news_02 {
	font-size:14px;
	font-size:0.875em !important;
	margin:20px 0 10px 20px;
	height: 80px;
}
dl.news_02 dt {
	width:180px;
	height: 60px;
	font-weight:bold;
	padding:5px 0 5px 10px;
	clear:both;
	float:left;
}
dl.news_02 dd {
	margin-left:200px;
	padding:5px 5px 5px 5px;
}
	@media only screen and (max-width: 999px) {
	}
	@media only screen and (min-width: 768px) and (max-width: 999px) {
	}
	@media only screen and (max-width: 767px){
		dl.news dt {
			width: 100%;
			float: left;
			padding:0;
		}
		dl.news dd {
			margin-left: 0;
			padding: 0;
			width: 100%;
			padding:0;
		}
	}

/*商品カテゴリー*/
.topItemCategory {
    background: #FFF;
    padding: 2rem 1.5rem;
}
.topItemCategory h2 {
	font-weight:bold;
}
.topItemCategory section {
    background: #ddd;
    border: 1px solid #CCC;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}
.topItemCategory section h3 {
	cursor:pointer;
    padding: 1.5rem;
    margin: 0;
    color: #105467;
    font-weight: bold;
}
.topItemCategory section h3:before ,
.topItemCategory section h3:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.topItemCategory section h3:before {
	content:"\f03a";
	margin-right: 0.5rem;
}
.topItemCategory section h3:after {
	content:"\f078";
	float:right;
    font-size: 2.4rem;
}
.topItemCategory section div {
	display:none;
    padding: 1.5rem;
    background: #FFF;
    border-top: 1px solid #CCC;
}
.topItemCategory section div a {
    display: block;
    border: 1px solid #CCC;
    padding: 1rem;
	text-decoration:none;
}
.topItemCategory section div a:hover {
    background: #ddd;
    color: #105467;
}
.topItemCategory section div a:not(:last-of-type) {
    border-bottom: none;
}
.topItemCategory section div a:after {
	content:"\f054";
	float:right;
    font-size: 2rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*****************************************
	02 商品カテゴリー（一覧）
*****************************************/
#itemlistWrap #itemlist {
	font-size:0;
	width: 1120px;
	max-width: 100%;
	height: 100%;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#itemlistWrap #itemlist > div {
	font-size:1.6rem;
	width: 25%;
	display:inline-block;
	vertical-align:top;
	padding:0 1rem;
	margin:0 auto 2rem;
	text-align:center;
	box-sizing: border-box;
}
#itemlistWrap #itemlist > div img {
	display:block;
	margin:0 auto 1rem;
}
	@media only screen and (max-width: 999px) {
		#itemlistWrap #itemlist > div {
			width: 33.333%;
		}
	}
	@media only screen and (max-width: 767px){
		#itemlistWrap #itemlist > div {
			width: 50%;
			text-align:left;
		}
		#itemlistWrap #itemlist > div p {
			font-size:1.3rem;
			
		}
	}
	
/************************************************************
	03 商品カテゴリー（詳細）
*************************************************************/
#itemContents {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
    /*font-size: 14px;*/
    margin: 0 auto;
    padding: 0;
    width: 100%;
    clear: both;
}
#itemMain a > img,
#toCart {
    transition: all 0.3s ease 0s;
}
#itemMain a > img:hover,
#toCart:hover {
    opacity: 0.7;
}
/* 商品名
------------------------------------------------------------*/
#itemContents > #itemName {
	font-weight:bold;
	background: #010101;
    box-sizing: border-box;
    color: #fff;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝";
    font-size: 3rem;
    margin: 0;
    padding: 1rem 2rem;
    vertical-align: middle;
    width: 100%;
    line-height: 1.4;
}
	#itemContents > #itemName span {
		font-size: 14px;
		padding: 0 20px 5px;
		vertical-align: middle;
	}
	@media only screen and (max-width: 767px){
		#itemContents > #itemName {
			font-size: 2rem;
		}
		#itemContents > #itemName span {
			font-size: 12px;
			padding: 0;
			display:block;
		}
	}





/* 商品説明
------------------------------------------------------------*/
#itemContents > #itemDescription {
	padding: 20px 12px;
    line-height: 1.8;
}
	@media only screen and (max-width: 767px){
		#itemContents > #itemDescription {
			padding: 20px 0;
			line-height: 1.8;
		}
	}

/* 商品画像
------------------------------------------------------------*/
#itemMain {
	float:left;
    width: 49%;
	margin: 0 0 2rem 0;
}
	#itemMain > #itemImage {
		width: 100%;
		max-width: 400px;
	}
		#itemMain > #itemImage > p {
			padding: 10px 12px;
			font-size: 12px;
		}
			#itemMain > #itemImage > ul > li {
				list-style:none;
				float:left;
			}
			#itemMain > #itemImage > ul > li:nth-of-type(even) {
				margin-left:10px;
			}
				#itemMain > #itemImage > ul > li > img {
					width: 400px;

				}
	#itemMain > #itemCart {
		border: 1px solid #010101;
		float: right;
		margin-left: 40px;
		padding: 25px;
		width: 340px;
	}
		#itemMain > #itemCart #itemCartBox {
			border-bottom:1px solid #010101;
		}
		#itemMain > #itemCart #itemCartBox:last-of-type {
			border-bottom:none;
		}
@media only screen and (max-width:999px){
    #itemMain {
        float: none;
        width: 100%;
    }
}

	/* 画像ギャラリー用
	------------------------------------------------------------*/
	#itemImage .bx-wrapper {
		position: relative;
		margin: 0;
		padding: 0;
		*zoom: 1;
	}
	#itemImage .bx-wrapper img {
		background-color: #fff;
		display: block;
		margin: 0 !important;
		max-width: 100% !important;
	}
	#itemImage .bx-wrapper .bx-viewport {
		background: #fff;
		
		/*fix other elements on the page moving (on Chrome)*/
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
			-ms-transform: translatez(0);
			-o-transform: translatez(0);
			transform: translatez(0);
	}
	
	#itemImage .bx-wrapper .bx-viewport img {
		width: 100%;
		max-width: 400px;
		height: auto;
		max-height: 400px;
		overflow: hidden;
		padding-bottom: 35px;
	}
	
	#itemImage .bx-wrapper .bx-pager,
	#itemImage .bx-wrapper .bx-controls-auto {
		width: 100%;
	}
	
	/* LOADER */
	
	#itemImage .bx-wrapper .bx-loading {
		min-height: 50px;
		background: url(http://omoime-gurasu.jp/wordpress/wp-content/themes/omoimegurasu/images/bx_loader.gif) center center no-repeat #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
	}
	
	/* PAGER */
	
	#itemImage .bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-weight: bold;
		color: #666;
		padding-top: 0;
	}
	
	#itemImage .bx-wrapper .bx-pager .bx-pager-item,
	#itemImage .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
		display: inline-block;
		*zoom: 1;
		*display: inline;
	}
	#itemImage .bx-wrapper .bx-pager .bx-pager-item {
		width: 32%;
		box-sizing: content-box;
	}
	#itemImage .bx-wrapper .bx-pager .bx-pager-item:nth-of-type(2) {
		padding: 0 2%;
	}
	#itemImage .bx-wrapper .bx-pager .bx-pager-item:last-of-type {
		margin-right: 0;
	}
	
	#itemImage .bx-wrapper .bx-pager.bx-default-pager a {
		background: #666;
		text-indent: -9999px;
		display: block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	#itemImage .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#itemImage .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #000;
	}
	
	/*#itemImage .bx-wrapper .bx-pager .bx-pager-item img.two {
		height: 195px;
		overflow: hidden;
		width: 195px;
	}
	#itemImage .bx-wrapper .bx-pager .bx-pager-item img.three {
		width: 126px;
		height: 126px;
		overflow: hidden;
	}
	#itemImage .bx-wrapper .bx-pager .bx-pager-item img.four {
		width: 92px;
		height: 92px;
		overflow: hidden;
	}
	#itemImage .bx-wrapper .bx-pager .bx-pager-item img.five {
		width: 72px;
		height: 72px;
		overflow: hidden;
	}*/
	/* 画像キャプション文章 */
	#itemImage .bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	#itemImage .bx-wrapper .bx-caption span {
		display: block;
		font-size: .85em;
		padding: 10px;
	}
	
	  #itemImage .bx-wrapper .bx-pager {
	  }
	  
	  #itemImage .bx-wrapper .bx-pager a {
		display: block;
	  }
	  
	  #itemImage .bx-wrapper .bx-pager a:hover,
	  #itemImage .bx-wrapper .bx-pager a.active {
	  }
	  
	  #itemImage .bx-wrapper {
		/*max-width: 400px !important;*/
	  }

/* カート情報
------------------------------------------------------------*/
.itemDetail .fs-c-productList {
    margin: 0;
    float: right;
    width: 49%;
    border: 1px solid #333;
    padding: 2rem;
    box-sizing: border-box;
    background: #FFF;
}
.itemDetail .fs-c-productList__controller {
    display: none;
}
.itemDetail .fs-c-productList__list > * {
    width: 100%;
}

.itemDetail .fs-c-productList__list__item:not(:last-of-type) {
    padding: 0 0 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px dotted #CCC;
}
.itemDetail .fs-c-productListItem__productName {
    padding: 0;
    display: block;
    margin: 0 0 1rem;
}
.itemDetail .fs-c-productListItem__productName a {
    font-size: 2rem;
    font-weight: bold;
}
.itemDetail .fs-c-price {
    display: inline-block;
    color: #a3393f;
    font-weight: bold;
    font-size: 3rem;
}
.itemDetail .fs-p-snsArea {
    clear: both;
    margin-bottom: 1rem;
}
.itemDetail .fs-p-snsArea > * {
    float: left;
    margin: 0 1rem 0 0;
}
.itemDetail .itemCartHtml > a {
    display: block;
}
@media only screen and (max-width:999px){
    .itemDetail .fs-c-productList {
        float: none;
        width: 100%;
    }
}

/*　商品画面：商品詳細：項目選択肢テーブル　*/
.FS2_inputSelection_table {
    width: 250px;
    box-sizing:border-box;
}
.FS2_inputSelection_table th {
font-size: 70%;
	font-weight:normal;
	padding:2px 4px;
	border-bottom:1px solid #DDDDDD;
	background:#F6F6F6;
}
.FS2_inputSelection_table td {
	font-weight:normal;
	padding:2px 4px;
	border-bottom:1px solid #DDDDDD;
	text-align:left;
}
select {
    font-size:10pt; 
    /*Firefox用*/
    text-indent: .01px;
    text-overflow: “”;
}
/*IE対応*/
select::-ms-expand {
    display: none;
}
@media only screen and (max-width:767px){
     #itemMain {
        float:none;
        width: 100%;
        margin: 0 0 20px 0;
    }
   .itemDetail .fs-c-productList {
        margin: 0;
        float: none;
        width: 100%;
    }
}


/************************************************************
	04 商品詳細
*************************************************************/

/* 商品名
------------------------------------------------------------*/
#fs_ProductDetails .fs-c-productNameHeading {
	background: #010101;
    box-sizing: border-box;
    color: #fff;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝";
    font-size: 3rem;
	margin-bottom:2rem;
    padding: 1rem 2rem;
    vertical-align: middle;
    width: 100%;
    line-height: 1.4;
}
	@media only screen and (max-width: 767px){
		#fs_ProductDetails .fs-c-productNameHeading {
			font-size: 2rem;
		}
	}

/* 商品説明（大）
------------------------------------------------------------*/
.fs-p-productDescription > #itemDescription {
	padding:1rem;
	margin-bottom:2rem;
    line-height: 1.8;
	clear: both;
}
	@media only screen and (max-width: 767px){
		.fs-p-productDescription > #itemDescription {
			padding: 20px 10px;
			line-height: 1.8;
		}
	}

/* 商品画像
------------------------------------------------------------*/
#fs_ProductDetails .fs-system-product > .fs-c-productImage {
    float: left;
    width: 49%;
    margin: 0 0 2rem 0;
    max-width: 400px;
}
/*フリック式縦横制御*/
.fs-c-slick .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    max-width: 400px;
    max-height: 400px;
}
.fs-c-productCarouselMainImage__image > img {
    max-width: 100vw;
    max-height: 100vh;
    width: 100%;
}
.fs-c-productCarouselMainImage__thumbnailList {
    overflow-x:inherit;
}
.fs-c-productCarouselMainImage__thumbnailList > li {
    flex-basis: 77px;
}
	@media only screen and (max-width: 767px){
		#fs_ProductDetails .fs-system-product > .fs-c-productImage {
			float: none;
			width: 100%;
			max-width: none;
		}
	}

/* カート情報
------------------------------------------------------------*/
#fs_ProductDetails .fs-c-productCartInfo {
    float: right;
    width: 49%;
    margin: 0 0 2rem 0;
    border: 1px solid #333;
    padding: 2rem;
    background: #FFF;
    box-sizing: border-box;
}

/* 商品番号 */
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productNumber {
    margin-bottom: 1.5rem;
}

/* 商品価格 */
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productPrices {
    margin-bottom: 1rem;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productPrices .fs-c-price {
    display: inherit;
    color: #a3393f;
    font-size: 3rem;
    font-weight: bold;
}

/* ポイント表示 */
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productPointDisplay {
    color: #a3393f;
    font-weight: bold;
    margin-bottom: 1rem;
}

/* 商品説明（小） */
#fs_ProductDetails .fs-c-productCartInfo .fs-p-productDescription--short {
    background: #ece8df;
    padding: 1rem;
    display: block;
	margin-bottom:1rem;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-rating__value {
    color: #a3393f;
	font-size:2.4rem;
	font-weight:bold;
}

/* 数量&お気に入り */
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productQuantityAndWishlist__wishlist {
	/*display:none;*/
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productQuantityAndWishlist__wishlist button {
    width: 100%;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productQuantityAndWishlist__wishlist button:after {
	content:none;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productQuantityAndWishlist__wishlist button.fs-c-button--addToWishList--detail {
    background: #EFEFEF;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productQuantityAndWishlist__wishlist button.fs-c-button--removeFromWishList--detail {
    background: #FC0;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productQuantityAndWishlist__wishlist button span {
    margin: 0 auto;
    font-size: 1.6rem;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-quantity {
    display: block;
    max-width: none;
    float: left;
    width: 40%;
    padding: 1rem 1rem 1rem 0;
    box-sizing: border-box;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-quantity:before {
	content: "数量";
    margin-right: 1rem;
    float: left;
    font-size: 2rem;
    font-weight: bold;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-quantity select {
    font-size: 1.7rem;
    text-indent: .01px;
    text-overflow: "";
    float: left;
    width: 60%;
}

/* カートに入れるボタン */
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productActionButton {
    display: block;
    /* align-items: center; */
    /* justify-content: center; */
    padding: 0;
    float: right;
    width: 60%;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productActionButton .fs-c-button--primary {
    border-radius: 0.5rem;
    font-size: 1.8rem;
    line-height: 1;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productActionButton .fs-c-button--primary:before {
	content: "\f07a";
	margin-right: 0.5rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* SNSボタン */
#fs_ProductDetails .fs-c-productCartInfo .fs-p-snsArea {
	clear:both;
    margin-bottom: 1rem;
}
#fs_ProductDetails .fs-c-productCartInfo .fs-p-snsArea > * {
	float:left;
    line-height: 1;
	margin-right:1rem;
}

/* レビューエリアボタン */
#fs_ProductDetails .fs-c-productCartInfo .fs-c-productReview {
    clear: both;
}
	@media only screen and (max-width: 999px){
		#fs_ProductDetails .fs-c-productCartInfo .fs-c-quantity {
			float: none;
			width: 100%;
			padding: 0;
		}
		#fs_ProductDetails .fs-c-productCartInfo .fs-c-productActionButton {
			float: none;
			width: 100%;
		}
	}
	@media only screen and (max-width: 767px){
		#fs_ProductDetails .fs-c-productCartInfo {
			float: none;
			width: 100%;
		}
	}

/* 関連商品
------------------------------------------------------------*/
.fs-c-featuredProduct {
	clear:both;
	margin-top:4rem;
}
.fs-c-featuredProduct .fs-c-productListItem {
}


/************************************************************
	03,04 共通　独自コメント枠
*************************************************************/
/* 商品詳細情報
------------------------------------------------------------*/
#itemContents > #itemDetail {
	margin-bottom: 60px;
	vertical-align: top;
}
#itemContents > #itemDetail > table {
	font-size: 14px;
	width: 100%;
}
#itemContents > #itemDetail > table tr {
}
#itemContents > #itemDetail > table tr td {
	vertical-align:top;
	padding-left:10px;
	width:10px;
}
#itemContents > #itemDetail > table tr td:nth-of-type(odd) {
	border-top:1px dashed #999;
	border-left:1px dashed #999;
	background:#F0F0F0;
	font-weight:bold;
}
#itemContents > #itemDetail > table tr td:nth-of-type(even) {
	border-top:1px dashed #999;
	border-right:1px dashed #999;
    background: #FFF;
}
#itemContents > #itemDetail > table tr td.last {
	border-bottom:1px dashed #999;
}
#itemContents > #itemDetail > table tr td > ul {
	display: inline-block;
	margin: 20px;
}
#itemContents > #itemDetail > table tr td > ul li {
	list-style-type:square;
}

/* 商品詳細レスポンシブ
------------------------------------------------------------*/
section th, section td {
	padding: 1rem;
}
.itempage01 h3 {
	font-size:25px;
	color: #0F4A64;
}
.itempage01 h4 {
	margin: 1rem 0;
	font-weight: bold;
	font-size: 1.8rem;
}
.itempage01 th, .itempage01 td {
	text-align: left;
	vertical-align: top;
}
.itempage01 th {
	width: 30%;
}
.itempage01 img {
	display: block;
	width: 100%;
	max-width: 835px;
}
.itempage01 td {
	width: 70%;
	padding-left: 1rem;
}

.itempage02 p {
	padding: 10px 5px 10px;
	line-height: 2em;
	font-weight: normal;
}
.itempage02 h3 {
	font-size:25px;
	color: #0F4A64;
}
.r_bg {
	padding: 2rem;
	background-color: #f6f6f6;
	border-radius: 0.5rem;
	margin-bottom: 2rem;
}
.r_bg h4 {
	color: #882e35;
	margin: 0 0 2rem;
	font-size:1.8rem;
	font-weight:bold;
}
.r_bg p {
	padding: 0;
	line-height: 1.6;
	font-weight: normal;
}
.d_bd {
	width: 100%;
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
}
@media only screen and (max-width:767px){
	.itempage01 table{
		width: 100%;
	 }
	.itempage01 th ,
	.itempage01 td {
		padding: 0;
		width: 100%;
		float: left;
	}
	
	.itempage02 th,
	.itempage02 td{
		width: 100%;
		display: block;
		border-top: none;
		word-wrap:break-word;
		padding: 1rem;
	}
}
@media only screen and (max-width:480px){
	#itemContents {
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
		width: 100%;
	}
	.itempage01 th,
	.itempage01 td{
		width: 350px;
		display: block;
		border-top: none;
		word-wrap:break-word;
	}
	.itempage01 tr:first-child th	{ border-top: 1px solid #ddd; }
	.itempage02 table{
		width: 100%;
	 }
	.itempage02 tr:first-child th	{ border-top: 1px solid #ddd; }
	.itempage01 h3 {
		font-size:20px;
	}
	.itempage02 h3 {
		font-size:20px;
	}
}
.fa-comment:before {
	content: "\f075";
}
.fa-user:before {
	content: "\f007";
}
	
/* 商品紹介
------------------------------------------------------------*/
#itemContents > #itemIntroduction {
	margin-bottom:100px;
}
#itemContents > #itemIntroduction > h3 {
	font-size:25px;
	text-align:center;
}
#itemContents > #itemIntroduction > div > img {
	float:left;
	margin-right:30px
}
#itemContents > #itemIntroduction > div > article {
	float:right;
	width: 400px;
}
#itemContents > #itemIntroduction > div > article > h4 {
	font-size:20px;
	color:#33363F;
}
#itemContents > #itemIntroduction > div > article > p {
	padding:30px 5px 50px;
	line-height:2em;

}
	


/************************************************************
	商品ページテキストボタン
*************************************************************/
a.itembutton {color: #fff;}
.itembutton {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.itembutton::before,
.itembutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.itembutton,
.itembutton::before,
.itembutton::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.itembutton {
	background-color: #105467;
	color: #fff;
}
.itembutton:hover {
	background-color: #147691;
}



/************************************************************
	マイページ
*************************************************************/
.fs-c-inputInformation__message {
    margin: 2rem auto;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 600px;
}

/*エラー表示*/
.fs-c-panel--info {
    width: 100%;
    display: block;
    max-width: 800px;
    margin: 50px auto 50px auto;
}

.fs-c-panel--info {
  color: #a3393f;
  border-color:#a3393f;

}

.fs-c-panel {
  background: #ffffff;
  border-radius: 3px;
  border-width: 5px;
  border-style: solid;
  padding: 20px 8px 20px 32px;
  margin-bottom: 24px;
  position: relative;
  text-align: center;
	font-size:2rem; 
	
}

.fs-c-panel--info::before {
  content: '\e914';
  color: #a3393f;
}

.fs-c-orderHistoryItem {
 border-bottom: 1px;
    border-style: solid;
    border-color:#0000000;
    padding: 2rem;
  margin-bottom: 3rem;  
    }


/************************************************************
	情報ページ共通
*************************************************************/

/*行間*/
	
#container_02 p {
	line-height: 200%;
	margin:0 0 20px 0;
	}
	
#container_02 h2 {
	line-height: 180%;
	}
	
#container_02 li {
	line-height: 200%;
	}


#nextpage {
	margin: 70px auto;
	text-align: center;
	padding:15px 0;
	border: 1px solid #faebd7;
	background: #fffafa;
	}
	
#nextpage_m0{
	margin: 0px auto;
	text-align: center;
	padding:15px 0 0 0;
	border: 1px solid #999999;
	}
	.protect {
  pointer-events: none;
}


/************************************************************
	grid cssに記載されていたもの
*************************************************************/



img {
	vertical-align: middle;
	border-style: none
}

table {
	border-collapse: collapse
}

th {
	text-align: inherit
}

button {
	border-radius: 0
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}
button, input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1)
}


.img-fluid {
	max-width: 100%;
	height: auto
}
.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: auto
}
.figure {
	display: inline-block
}
.figure-img {
	margin-bottom: .5rem;
	line-height: 1
}
.figure-caption {
	font-size: 90%;
	color: #6c757d
}


.container{
  padding-left: 15px;
  padding-right: 15px;
  
  }
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-top:20px;
	margin-bottom:40px;
  
}
.row03 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom:10px;
}
.no-gutters {
	margin-right: 0;
	margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 10px
}
.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}
.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}


.offset-1 {
	margin-left: 8.333333%
}
.offset-2 {
	margin-left: 16.666667%
}
.offset-3 {
	margin-left: 25%
}
.offset-4 {
	margin-left: 33.333333%
}
.offset-5 {
	margin-left: 41.666667%
}
.offset-6 {
	margin-left: 50%
}
.offset-7 {
	margin-left: 58.333333%
}
.offset-8 {
	margin-left: 66.666667%
}
.offset-9 {
	margin-left: 75%
}
.offset-10 {
	margin-left: 83.333333%
}
.offset-11 {
	margin-left: 91.666667%
}

@media (min-width:576px) {
.col-sm {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-sm-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}
.col-sm-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-sm-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-sm-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-sm-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-sm-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-sm-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-sm-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-sm-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-sm-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-sm-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.order-sm-first {
	-ms-flex-order: -1;
	order: -1
}
.order-sm-last {
	-ms-flex-order: 13;
	order: 13
}
.order-sm-0 {
	-ms-flex-order: 0;
	order: 0
}
.order-sm-1 {
	-ms-flex-order: 1;
	order: 1
}
.order-sm-2 {
	-ms-flex-order: 2;
	order: 2
}
.order-sm-3 {
	-ms-flex-order: 3;
	order: 3
}
.order-sm-4 {
	-ms-flex-order: 4;
	order: 4
}
.order-sm-5 {
	-ms-flex-order: 5;
	order: 5
}
.order-sm-6 {
	-ms-flex-order: 6;
	order: 6
}
.order-sm-7 {
	-ms-flex-order: 7;
	order: 7
}
.order-sm-8 {
	-ms-flex-order: 8;
	order: 8
}
.order-sm-9 {
	-ms-flex-order: 9;
	order: 9
}
.order-sm-10 {
	-ms-flex-order: 10;
	order: 10
}
.order-sm-11 {
	-ms-flex-order: 11;
	order: 11
}
.order-sm-12 {
	-ms-flex-order: 12;
	order: 12
}
.offset-sm-0 {
	margin-left: 0
}
.offset-sm-1 {
	margin-left: 8.333333%
}
.offset-sm-2 {
	margin-left: 16.666667%
}
.offset-sm-3 {
	margin-left: 25%
}
.offset-sm-4 {
	margin-left: 33.333333%
}
.offset-sm-5 {
	margin-left: 41.666667%
}
.offset-sm-6 {
	margin-left: 50%
}
.offset-sm-7 {
	margin-left: 58.333333%
}
.offset-sm-8 {
	margin-left: 66.666667%
}
.offset-sm-9 {
	margin-left: 75%
}
.offset-sm-10 {
	margin-left: 83.333333%
}
.offset-sm-11 {
	margin-left: 91.666667%
}
}

@media (min-width:768px) {
.col-md {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-md-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}
.col-md-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-md-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-md-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-md-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-md-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-md-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-md-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-md-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-md-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-md-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.order-md-first {
	-ms-flex-order: -1;
	order: -1
}
.order-md-last {
	-ms-flex-order: 13;
	order: 13
}
.order-md-0 {
	-ms-flex-order: 0;
	order: 0
}
.order-md-1 {
	-ms-flex-order: 1;
	order: 1
}
.order-md-2 {
	-ms-flex-order: 2;
	order: 2
}
.order-md-3 {
	-ms-flex-order: 3;
	order: 3
}
.order-md-4 {
	-ms-flex-order: 4;
	order: 4
}
.order-md-5 {
	-ms-flex-order: 5;
	order: 5
}
.order-md-6 {
	-ms-flex-order: 6;
	order: 6
}
.order-md-7 {
	-ms-flex-order: 7;
	order: 7
}
.order-md-8 {
	-ms-flex-order: 8;
	order: 8
}
.order-md-9 {
	-ms-flex-order: 9;
	order: 9
}
.order-md-10 {
	-ms-flex-order: 10;
	order: 10
}
.order-md-11 {
	-ms-flex-order: 11;
	order: 11
}
.order-md-12 {
	-ms-flex-order: 12;
	order: 12
}
.offset-md-0 {
	margin-left: 0
}
.offset-md-1 {
	margin-left: 8.333333%
}
.offset-md-2 {
	margin-left: 16.666667%
}
.offset-md-3 {
	margin-left: 25%
}
.offset-md-4 {
	margin-left: 33.333333%
}
.offset-md-5 {
	margin-left: 41.666667%
}
.offset-md-6 {
	margin-left: 50%
}
.offset-md-7 {
	margin-left: 58.333333%
}
.offset-md-8 {
	margin-left: 66.666667%
}
.offset-md-9 {
	margin-left: 75%
}
.offset-md-10 {
	margin-left: 83.333333%
}
.offset-md-11 {
	margin-left: 91.666667%
}
}

@media (min-width:992px) {
.col-lg {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-lg-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}
.col-lg-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-lg-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-lg-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-lg-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-lg-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-lg-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-lg-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-lg-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-lg-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-lg-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-lg-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-lg-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.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
}
.offset-lg-0 {
	margin-left: 0
}
.offset-lg-1 {
	margin-left: 8.333333%
}
.offset-lg-2 {
	margin-left: 16.666667%
}
.offset-lg-3 {
	margin-left: 25%
}
.offset-lg-4 {
	margin-left: 33.333333%
}
.offset-lg-5 {
	margin-left: 41.666667%
}
.offset-lg-6 {
	margin-left: 50%
}
.offset-lg-7 {
	margin-left: 58.333333%
}
.offset-lg-8 {
	margin-left: 66.666667%
}
.offset-lg-9 {
	margin-left: 75%
}
.offset-lg-10 {
	margin-left: 83.333333%
}
.offset-lg-11 {
	margin-left: 91.666667%
}
}

@media (min-width:1200px) {
.col-xl {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-xl-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}
.col-xl-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-xl-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-xl-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xl-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xl-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-xl-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xl-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-xl-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-xl-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-xl-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-xl-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-xl-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.order-xl-first {
	-ms-flex-order: -1;
	order: -1
}
.order-xl-last {
	-ms-flex-order: 13;
	order: 13
}
.order-xl-0 {
	-ms-flex-order: 0;
	order: 0
}
.order-xl-1 {
	-ms-flex-order: 1;
	order: 1
}
.order-xl-2 {
	-ms-flex-order: 2;
	order: 2
}
.order-xl-3 {
	-ms-flex-order: 3;
	order: 3
}
.order-xl-4 {
	-ms-flex-order: 4;
	order: 4
}
.order-xl-5 {
	-ms-flex-order: 5;
	order: 5
}
.order-xl-6 {
	-ms-flex-order: 6;
	order: 6
}
.order-xl-7 {
	-ms-flex-order: 7;
	order: 7
}
.order-xl-8 {
	-ms-flex-order: 8;
	order: 8
}
.order-xl-9 {
	-ms-flex-order: 9;
	order: 9
}
.order-xl-10 {
	-ms-flex-order: 10;
	order: 10
}
.order-xl-11 {
	-ms-flex-order: 11;
	order: 11
}
.order-xl-12 {
	-ms-flex-order: 12;
	order: 12
}
.offset-xl-0 {
	margin-left: 0
}
.offset-xl-1 {
	margin-left: 8.333333%
}
.offset-xl-2 {
	margin-left: 16.666667%
}
.offset-xl-3 {
	margin-left: 25%
}
.offset-xl-4 {
	margin-left: 33.333333%
}
.offset-xl-5 {
	margin-left: 41.666667%
}
.offset-xl-6 {
	margin-left: 50%
}
.offset-xl-7 {
	margin-left: 58.333333%
}
.offset-xl-8 {
	margin-left: 66.666667%
}
.offset-xl-9 {
	margin-left: 75%
}
.offset-xl-10 {
	margin-left: 83.333333%
}
.offset-xl-11 {
	margin-left: 91.666667%
}
}
.table {
	width: 100%;
	border: solid 1px #dee2e6;
	margin-bottom: 1rem;
	background-color: transparent
}
.table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6
}
.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
	background-color: #e9ecef;
}
.table tbody+tbody {
	border-top: 2px solid #dee2e6
}
.table .table {
	background-color: #fff
}
.table-sm td, .table-sm th {
	padding: .3rem
}
.table-bordered {
	border: 1px solid #dee2e6
}
.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6
}
.table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
	border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,.05)
}
.table-hover tbody tr:hover {
	background-color: rgba(0,0,0,.075)
}
.table-primary, .table-primary>td, .table-primary>th {
	background-color: #b8daff
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
	border-color: #7abaff
}
.table-hover .table-primary:hover {
	background-color: #9fcdff
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
	background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
	background-color: #d6d8db
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
	border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
	background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
	background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
	background-color: #c3e6cb
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
	border-color: #8fd19e
}
.table-hover .table-success:hover {
	background-color: #b1dfbb
}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
	background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
	background-color: #bee5eb
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
	border-color: #86cfda
}
.table-hover .table-info:hover {
	background-color: #abdde5
}
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
	background-color: #abdde5
}

.table-light, .table-light>td, .table-light>th {
	background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
	border-color: #fbfcfc
}
.table-hover .table-light:hover {
	background-color: #ececf6
}
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
	background-color: #ececf6
}

.table-active, .table-active>td, .table-active>th {
	background-color: rgba(0,0,0,.075)
}
.table-hover .table-active:hover {
	background-color: rgba(0,0,0,.075)
}
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
	background-color: rgba(0,0,0,.075)
}

@media (max-width:575.98px) {
.table-responsive-sm {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-sm>.table-bordered {
	border: 0
}
}

@media (max-width:767.98px) {
.table-responsive-md {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-md>.table-bordered {
	border: 0
}
}

@media (max-width:991.98px) {
.table-responsive-lg {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-lg>.table-bordered {
	border: 0
}
}

@media (max-width:1199.98px) {
.table-responsive-xl {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-xl>.table-bordered {
	border: 0
}
}
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive>.table-bordered {
	border: 0
}


.card2 {
	margin: 0 10px;
	padding: 2rem 0;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .40rem
}
.card3 {
	margin: 0 10px;
	padding: 2rem 0;
	background-color: #faf9f7;
	background-clip: border-box;
	border-radius: .40rem
}
.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem
}
.card>hr {
	margin-right: 0;
	margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}
.card-title {
	margin-bottom: .75rem
}
.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0
}
.card-text:last-child {
	margin-bottom: 0
}
.card-link:hover {
	text-decoration: none
}
.card-link+.card-link {
	margin-left: 1.25rem
}
.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	color: inherit;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}
.card-footer {
	padding: .75rem 1.25rem;
	border-top: 1px solid rgba(0,0,0,.125)
}
.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
	margin-right: -.625rem;
	margin-bottom: -.75rem;
	margin-left: -.625rem;
	border-bottom: 0
}
.card-header-pills {
	margin-right: -.625rem;
	margin-left: -.625rem
}
.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}
.card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px)
}
.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px)
}
.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.card-deck .card {
	margin-bottom: 15px
}

@media (min-width:576px) {
.card-deck {
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px
}
.card-deck .card {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px
}
}
.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.card-group>.card {
	margin-bottom: 15px
}

@media (min-width:576px) {
.card-group {
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}
.card-group>.card {
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	margin-bottom: 0
}
.card-group>.card+.card {
	margin-left: 0;
	border-left: 0
}
.card-group>.card:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.card-group>.card:first-child .card-header, .card-group>.card:first-child .card-img-top {
	border-top-right-radius: 0
}
.card-group>.card:first-child .card-footer, .card-group>.card:first-child .card-img-bottom {
	border-bottom-right-radius: 0
}
.card-group>.card:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.card-group>.card:last-child .card-header, .card-group>.card:last-child .card-img-top {
	border-top-left-radius: 0
}
.card-group>.card:last-child .card-footer, .card-group>.card:last-child .card-img-bottom {
	border-bottom-left-radius: 0
}
.card-group>.card:only-child {
	border-radius: .25rem
}
.card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}
.card-group>.card:only-child .card-footer, .card-group>.card:only-child .card-img-bottom {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
	border-radius: 0
}
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
	border-radius: 0
}
}
.card-columns .card {
	margin-bottom: .75rem
}

@media (min-width:576px) {
.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1
}
.card-columns .card {
	display: inline-block;
	width: 100%
}
}
.accordion .card {
	overflow: hidden
}
.accordion .card:not(:first-of-type) .card-header:first-child {
	border-radius: 0
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0
}
.accordion .card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.accordion .card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.accordion .card .card-header {
	margin-bottom: -1px
}


.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0
}
.list-group-item-action {
	width: 100%;
	color: #495057;
	text-align: inherit
}
.list-group-item-action:focus, .list-group-item-action:hover {
	color: #495057;
	text-decoration: none;
	background-color: #f8f9fa
}
.list-group-item-action:active {
	color: #212529;
	background-color: #e9ecef
}
.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}
.list-group-item:focus, .list-group-item:hover {
	z-index: 1;
	text-decoration: none
}
.list-group-item.disabled, .list-group-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff
}
.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}
.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0
}
.list-group-flush .list-group-item:last-child {
	margin-bottom: -1px
}
.list-group-flush:first-child .list-group-item:first-child {
	border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom: 0
}
.list-group-item-primary {
	color: #004085;
	background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
	color: #004085;
	background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #004085;
	border-color: #004085
}
.list-group-item-secondary {
	color: #383d41;
	background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
	color: #383d41;
	background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #383d41;
	border-color: #383d41
}
.list-group-item-success {
	color: #155724;
	background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
	color: #155724;
	background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
	color: #fff;
	background-color: #155724;
	border-color: #155724
}
.list-group-item-info {
	color: #0c5460;
	background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
	color: #0c5460;
	background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
	color: #fff;
	background-color: #0c5460;
	border-color: #0c5460
}
.list-group-item-warning {
	color: #856404;
	background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
	color: #856404;
	background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
	color: #fff;
	background-color: #856404;
	border-color: #856404
}
.list-group-item-danger {
	color: #721c24;
	background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
	color: #721c24;
	background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
	color: #fff;
	background-color: #721c24;
	border-color: #721c24
}
.list-group-item-light {
	color: #818182;
	background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
	color: #818182;
	background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
	color: #fff;
	background-color: #818182;
	border-color: #818182
}
.list-group-item-dark {
	color: #1b1e21;
	background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
	color: #1b1e21;
	background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
	color: #fff;
	background-color: #1b1e21;
	border-color: #1b1e21
}
.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}
.close:hover {
	color: #000;
	text-decoration: none
}
.close:not(:disabled):not(.disabled) {
	cursor: pointer
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
	opacity: .75
}
button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
a.close.disabled {
	pointer-events: none
}

.align-baseline {
	vertical-align: baseline!important
}
.align-top {
	vertical-align: top!important
}
.align-middle {
	vertical-align: middle!important
}
.align-bottom {
	vertical-align: bottom!important
}
.align-text-bottom {
	vertical-align: text-bottom!important
}
.align-text-top {
	vertical-align: text-top!important
}
.bg-primary {
	background-color: #007bff!important
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
	background-color: #0062cc!important
}
.bg-secondary {
	background-color: #6c757d!important
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
	background-color: #545b62!important
}
.bg-success {
	background-color: #28a745!important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
	background-color: #1e7e34!important
}
.bg-info {
	background-color: #17a2b8!important
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
	background-color: #117a8b!important
}
.bg-warning {
	background-color: #ffc107!important
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
	background-color: #d39e00!important
}
.bg-danger {
	background-color: #dc3545!important
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
	background-color: #bd2130!important
}
.bg-light {
	background-color: #f8f9fa!important
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
	background-color: #dae0e5!important
}
.bg-dark {
	background-color: #343a40!important
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
	background-color: #1d2124!important
}
.bg-white {
	background-color: #fff!important
}
.bg-transparent {
	background-color: transparent!important
}
.border {
	border: 1px solid #dee2e6!important
}
.border-top {
	border-top: 1px solid #dee2e6!important
}
.border-right {
	border-right: 1px solid #dee2e6!important
}
.border-bottom {
	border-bottom: 1px solid #dee2e6!important
}
.border-left {
	border-left: 1px solid #dee2e6!important
}
.border-0 {
	border: 0!important
}
.border-top-0 {
	border-top: 0!important
}
.border-right-0 {
	border-right: 0!important
}
.border-bottom-0 {
	border-bottom: 0!important
}
.border-left-0 {
	border-left: 0!important
}


.border-light {
	border-color: #f8f9fa!important
}
.border-dark {
	border-color: #343a40!important
}
.border-white {
	border-color: #fff!important
}

.rounded-bottom {
	border-bottom-right-radius: .25rem!important;
	border-bottom-left-radius: .25rem!important
}
.rounded-left {
	border-top-left-radius: .25rem!important;
	border-bottom-left-radius: .25rem!important
}
.rounded-circle {
	border-radius: 50%!important
}

.rounded-0 {
	border-radius: 0!important
}
.clearfix::after {
	display: block;
	clear: both;
	content: ""
}


.w-25 {
	width: 25%!important
}
.w-50 {
	width: 50%!important
}
.w-75 {
	width: 75%!important
}
.w-100 {
	width: 100%!important
}
.w-auto {
	width: auto!important
}
.h-25 {
	height: 25%!important
}
.h-50 {
	height: 50%!important
}
.h-75 {
	height: 75%!important
}
.h-100 {
	height: 100%!important
}
.h-auto {
	height: auto!important
}
.mw-100 {
	max-width: 100%!important
}
.mh-100 {
	max-height: 100%!important
}
.min-vw-100 {
	min-width: 100vw!important
}
.min-vh-100 {
	min-height: 100vh!important
}
.vw-100 {
	width: 100vw!important
}
.vh-100 {
	height: 100vh!important
}
.m-0 {
	margin: 0!important
}
.mt-0, .my-0 {
	margin-top: 0!important
}
.mr-0, .mx-0 {
	margin-right: 0!important
}
.mb-0, .my-0 {
	margin-bottom: 0!important
}
.ml-0, .mx-0 {
	margin-left: 0!important
}
.m-1 {
	margin: .25rem!important
}
.mt-1, .my-1 {
	margin-top: .25rem!important
}
.mr-1, .mx-1 {
	margin-right: .25rem!important
}
.mb-1, .my-1 {
	margin-bottom: .25rem!important
}
.ml-1, .mx-1 {
	margin-left: .25rem!important
}
.m-2 {
	margin: .5rem!important
}
.mt-2, .my-2 {
	margin-top: .5rem!important
}
.mr-2, .mx-2 {
	margin-right: .5rem!important
}
.mb-2, .my-2 {
	margin-bottom: .5rem!important
}
.ml-2, .mx-2 {
	margin-left: .5rem!important
}
.m-3 {
	margin: 1rem!important
}
.mt-3, .my-3 {
	margin-top: 1rem!important
}
.mr-3, .mx-3 {
	margin-right: 1rem!important
}
.mb-3, .my-3 {
	margin-bottom: 1rem!important
}
.ml-3, .mx-3 {
	margin-left: 1rem!important
}
.m-4 {
	margin: 1.5rem!important
}
.mt-4, .my-4 {
	margin-top: 1.5rem!important
}
.mr-4, .mx-4 {
	margin-right: 1.5rem!important
}
.mb-4, .my-4 {
	margin-bottom: 1.5rem!important
}
.ml-4, .mx-4 {
	margin-left: 1.5rem!important
}
.m-5 {
	margin: 3rem!important
}
.mt-5 {
	margin-top: 3rem!important
}
.mr-5, .mx-5 {
	margin-right: 3rem!important
}
.mb-5, .my-5 {
	margin-bottom: 3rem!important
}
.ml-5, .mx-5 {
	margin-left: 3rem!important
}
.p-0 {
	padding: 0!important
}
.pt-0, .py-0 {
	padding-top: 0!important
}
.pr-0, .px-0 {
	padding-right: 0!important
}
.pb-0, .py-0 {
	padding-bottom: 0!important
}
.pl-0, .px-0 {
	padding-left: 0!important
}
.p-1 {
	padding: .25rem!important
}
.pt-1, .py-1 {
	padding-top: .25rem!important
}
.pr-1, .px-1 {
	padding-right: .25rem!important
}
.pb-1, .py-1 {
	padding-bottom: .25rem!important
}
.pl-1, .px-1 {
	padding-left: .25rem!important
}
.p-2 {
	padding: .5rem!important
}
.pt-2, .py-2 {
	padding-top: .5rem!important
}
.pr-2, .px-2 {
	padding-right: .5rem!important
}
.pb-2, .py-2 {
	padding-bottom: .5rem!important
}
.pl-2, .px-2 {
	padding-left: .5rem!important
}
.p-3 {
	padding: 1rem!important
}
.pt-3, .py-3 {
	padding-top: 1rem!important
}
.pr-3, .px-3 {
	padding-right: 1rem!important
}
.pb-3, .py-3 {
	padding-bottom: 1rem!important
}
.pl-3, .px-3 {
	padding-left: 1rem!important
}
.p-4 {
	padding: 1.5rem!important
}
.pt-4, .py-4 {
	padding-top: 1.5rem!important
}
.pr-4, .px-4 {
	padding-right: 1.5rem!important
}
.pb-4, .py-4 {
	padding-bottom: 1.5rem!important
}
.pl-4, .px-4 {
	padding-left: 1.5rem!important
}
.p-5 {
	padding: 3rem!important
}
.pt-5, .py-5 {
	padding-top: 3rem!important
}
.pr-5, .px-5 {
	padding-right: 3rem!important
}
.pb-5, .py-5 {
	padding-bottom: 3rem!important
}
.pl-5, .px-5 {
	padding-left: 3rem!important
}
.m-n1 {
	margin: -.25rem!important
}
.mt-n1, .my-n1 {
	margin-top: -.25rem!important
}
.mr-n1, .mx-n1 {
	margin-right: -.25rem!important
}
.mb-n1, .my-n1 {
	margin-bottom: -.25rem!important
}
.ml-n1, .mx-n1 {
	margin-left: -.25rem!important
}
.m-n2 {
	margin: -.5rem!important
}
.mt-n2, .my-n2 {
	margin-top: -.5rem!important
}
.mr-n2, .mx-n2 {
	margin-right: -.5rem!important
}
.mb-n2, .my-n2 {
	margin-bottom: -.5rem!important
}
.ml-n2, .mx-n2 {
	margin-left: -.5rem!important
}
.m-n3 {
	margin: -1rem!important
}
.mt-n3, .my-n3 {
	margin-top: -1rem!important
}
.mr-n3, .mx-n3 {
	margin-right: -1rem!important
}
.mb-n3, .my-n3 {
	margin-bottom: -1rem!important
}
.ml-n3, .mx-n3 {
	margin-left: -1rem!important
}
.m-n4 {
	margin: -1.5rem!important
}
.mt-n4, .my-n4 {
	margin-top: -1.5rem!important
}
.mr-n4, .mx-n4 {
	margin-right: -1.5rem!important
}
.mb-n4, .my-n4 {
	margin-bottom: -1.5rem!important
}
.ml-n4, .mx-n4 {
	margin-left: -1.5rem!important
}
.m-n5 {
	margin: -3rem!important
}
.mt-n5, .my-n5 {
	margin-top: -3rem!important
}
.mr-n5, .mx-n5 {
	margin-right: -3rem!important
}
.mb-n5, .my-n5 {
	margin-bottom: -3rem!important
}
.ml-n5, .mx-n5 {
	margin-left: -3rem!important
}
.m-auto {
	margin: auto!important
}
.mt-auto, .my-auto {
	margin-top: auto!important
}
.mr-auto, .mx-auto {
	margin-right: auto!important
}
.mb-auto, .my-auto {
	margin-bottom: auto!important
}
.ml-auto, .mx-auto {
	margin-left: auto!important
}

@media (min-width:576px) {
.m-sm-0 {
	margin: 0!important
}
.mt-sm-0, .my-sm-0 {
	margin-top: 0!important
}
.mr-sm-0, .mx-sm-0 {
	margin-right: 0!important
}
.mb-sm-0, .my-sm-0 {
	margin-bottom: 0!important
}
.ml-sm-0, .mx-sm-0 {
	margin-left: 0!important
}
.m-sm-1 {
	margin: .25rem!important
}
.mt-sm-1, .my-sm-1 {
	margin-top: .25rem!important
}
.mr-sm-1, .mx-sm-1 {
	margin-right: .25rem!important
}
.mb-sm-1, .my-sm-1 {
	margin-bottom: .25rem!important
}
.ml-sm-1, .mx-sm-1 {
	margin-left: .25rem!important
}
.m-sm-2 {
	margin: .5rem!important
}
.mt-sm-2, .my-sm-2 {
	margin-top: .5rem!important
}
.mr-sm-2, .mx-sm-2 {
	margin-right: .5rem!important
}
.mb-sm-2, .my-sm-2 {
	margin-bottom: .5rem!important
}
.ml-sm-2, .mx-sm-2 {
	margin-left: .5rem!important
}
.m-sm-3 {
	margin: 1rem!important
}
.mt-sm-3, .my-sm-3 {
	margin-top: 1rem!important
}
.mr-sm-3, .mx-sm-3 {
	margin-right: 1rem!important
}
.mb-sm-3, .my-sm-3 {
	margin-bottom: 1rem!important
}
.ml-sm-3, .mx-sm-3 {
	margin-left: 1rem!important
}
.m-sm-4 {
	margin: 1.5rem!important
}
.mt-sm-4, .my-sm-4 {
	margin-top: 1.5rem!important
}
.mr-sm-4, .mx-sm-4 {
	margin-right: 1.5rem!important
}
.mb-sm-4, .my-sm-4 {
	margin-bottom: 1.5rem!important
}
.ml-sm-4, .mx-sm-4 {
	margin-left: 1.5rem!important
}
.m-sm-5 {
	margin: 3rem!important
}
.mt-sm-5, .my-sm-5 {
	margin-top: 3rem!important
}
.mr-sm-5, .mx-sm-5 {
	margin-right: 3rem!important
}
.mb-sm-5, .my-sm-5 {
	margin-bottom: 3rem!important
}
.ml-sm-5, .mx-sm-5 {
	margin-left: 3rem!important
}
.p-sm-0 {
	padding: 0!important
}
.pt-sm-0, .py-sm-0 {
	padding-top: 0!important
}
.pr-sm-0, .px-sm-0 {
	padding-right: 0!important
}
.pb-sm-0, .py-sm-0 {
	padding-bottom: 0!important
}
.pl-sm-0, .px-sm-0 {
	padding-left: 0!important
}
.p-sm-1 {
	padding: .25rem!important
}
.pt-sm-1, .py-sm-1 {
	padding-top: .25rem!important
}
.pr-sm-1, .px-sm-1 {
	padding-right: .25rem!important
}
.pb-sm-1, .py-sm-1 {
	padding-bottom: .25rem!important
}
.pl-sm-1, .px-sm-1 {
	padding-left: .25rem!important
}
.p-sm-2 {
	padding: .5rem!important
}
.pt-sm-2, .py-sm-2 {
	padding-top: .5rem!important
}
.pr-sm-2, .px-sm-2 {
	padding-right: .5rem!important
}
.pb-sm-2, .py-sm-2 {
	padding-bottom: .5rem!important
}
.pl-sm-2, .px-sm-2 {
	padding-left: .5rem!important
}
.p-sm-3 {
	padding: 1rem!important
}
.pt-sm-3, .py-sm-3 {
	padding-top: 1rem!important
}
.pr-sm-3, .px-sm-3 {
	padding-right: 1rem!important
}
.pb-sm-3, .py-sm-3 {
	padding-bottom: 1rem!important
}
.pl-sm-3, .px-sm-3 {
	padding-left: 1rem!important
}
.p-sm-4 {
	padding: 1.5rem!important
}
.pt-sm-4, .py-sm-4 {
	padding-top: 1.5rem!important
}
.pr-sm-4, .px-sm-4 {
	padding-right: 1.5rem!important
}
.pb-sm-4, .py-sm-4 {
	padding-bottom: 1.5rem!important
}
.pl-sm-4, .px-sm-4 {
	padding-left: 1.5rem!important
}
.p-sm-5 {
	padding: 3rem!important
}
.pt-sm-5, .py-sm-5 {
	padding-top: 3rem!important
}
.pr-sm-5, .px-sm-5 {
	padding-right: 3rem!important
}
.pb-sm-5, .py-sm-5 {
	padding-bottom: 3rem!important
}
.pl-sm-5, .px-sm-5 {
	padding-left: 3rem!important
}
.m-sm-n1 {
	margin: -.25rem!important
}
.mt-sm-n1, .my-sm-n1 {
	margin-top: -.25rem!important
}
.mr-sm-n1, .mx-sm-n1 {
	margin-right: -.25rem!important
}
.mb-sm-n1, .my-sm-n1 {
	margin-bottom: -.25rem!important
}
.ml-sm-n1, .mx-sm-n1 {
	margin-left: -.25rem!important
}
.m-sm-n2 {
	margin: -.5rem!important
}
.mt-sm-n2, .my-sm-n2 {
	margin-top: -.5rem!important
}
.mr-sm-n2, .mx-sm-n2 {
	margin-right: -.5rem!important
}
.mb-sm-n2, .my-sm-n2 {
	margin-bottom: -.5rem!important
}
.ml-sm-n2, .mx-sm-n2 {
	margin-left: -.5rem!important
}
.m-sm-n3 {
	margin: -1rem!important
}
.mt-sm-n3, .my-sm-n3 {
	margin-top: -1rem!important
}
.mr-sm-n3, .mx-sm-n3 {
	margin-right: -1rem!important
}
.mb-sm-n3, .my-sm-n3 {
	margin-bottom: -1rem!important
}
.ml-sm-n3, .mx-sm-n3 {
	margin-left: -1rem!important
}
.m-sm-n4 {
	margin: -1.5rem!important
}
.mt-sm-n4, .my-sm-n4 {
	margin-top: -1.5rem!important
}
.mr-sm-n4, .mx-sm-n4 {
	margin-right: -1.5rem!important
}
.mb-sm-n4, .my-sm-n4 {
	margin-bottom: -1.5rem!important
}
.ml-sm-n4, .mx-sm-n4 {
	margin-left: -1.5rem!important
}
.m-sm-n5 {
	margin: -3rem!important
}
.mt-sm-n5, .my-sm-n5 {
	margin-top: -3rem!important
}
.mr-sm-n5, .mx-sm-n5 {
	margin-right: -3rem!important
}
.mb-sm-n5, .my-sm-n5 {
	margin-bottom: -3rem!important
}
.ml-sm-n5, .mx-sm-n5 {
	margin-left: -3rem!important
}
.m-sm-auto {
	margin: auto!important
}
.mt-sm-auto, .my-sm-auto {
	margin-top: auto!important
}
.mr-sm-auto, .mx-sm-auto {
	margin-right: auto!important
}
.mb-sm-auto, .my-sm-auto {
	margin-bottom: auto!important
}
.ml-sm-auto, .mx-sm-auto {
	margin-left: auto!important
}
}

@media (min-width:768px) {
.m-md-0 {
	margin: 0!important
}
.mt-md-0, .my-md-0 {
	margin-top: 0!important
}
.mr-md-0, .mx-md-0 {
	margin-right: 0!important
}
.mb-md-0, .my-md-0 {
	margin-bottom: 0!important
}
.ml-md-0, .mx-md-0 {
	margin-left: 0!important
}
.m-md-1 {
	margin: .25rem!important
}
.mt-md-1, .my-md-1 {
	margin-top: .25rem!important
}
.mr-md-1, .mx-md-1 {
	margin-right: .25rem!important
}
.mb-md-1, .my-md-1 {
	margin-bottom: .25rem!important
}
.ml-md-1, .mx-md-1 {
	margin-left: .25rem!important
}
.m-md-2 {
	margin: .5rem!important
}
.mt-md-2, .my-md-2 {
	margin-top: .5rem!important
}
.mr-md-2, .mx-md-2 {
	margin-right: .5rem!important
}
.mb-md-2, .my-md-2 {
	margin-bottom: .5rem!important
}
.ml-md-2, .mx-md-2 {
	margin-left: .5rem!important
}
.m-md-3 {
	margin: 1rem!important
}
.mt-md-3, .my-md-3 {
	margin-top: 1rem!important
}
.mr-md-3, .mx-md-3 {
	margin-right: 1rem!important
}
.mb-md-3, .my-md-3 {
	margin-bottom: 1rem!important
}
.ml-md-3, .mx-md-3 {
	margin-left: 1rem!important
}
.m-md-4 {
	margin: 1.5rem!important
}
.mt-md-4, .my-md-4 {
	margin-top: 1.5rem!important
}
.mr-md-4, .mx-md-4 {
	margin-right: 1.5rem!important
}
.mb-md-4, .my-md-4 {
	margin-bottom: 1.5rem!important
}
.ml-md-4, .mx-md-4 {
	margin-left: 1.5rem!important
}
.m-md-5 {
	margin: 3rem!important
}
.mt-md-5, .my-md-5 {
	margin-top: 3rem!important
}
.mr-md-5, .mx-md-5 {
	margin-right: 3rem!important
}
.mb-md-5, .my-md-5 {
	margin-bottom: 3rem!important
}
.ml-md-5, .mx-md-5 {
	margin-left: 3rem!important
}
.p-md-0 {
	padding: 0!important
}
.pt-md-0, .py-md-0 {
	padding-top: 0!important
}
.pr-md-0, .px-md-0 {
	padding-right: 0!important
}
.pb-md-0, .py-md-0 {
	padding-bottom: 0!important
}
.pl-md-0, .px-md-0 {
	padding-left: 0!important
}
.p-md-1 {
	padding: .25rem!important
}
.pt-md-1, .py-md-1 {
	padding-top: .25rem!important
}
.pr-md-1, .px-md-1 {
	padding-right: .25rem!important
}
.pb-md-1, .py-md-1 {
	padding-bottom: .25rem!important
}
.pl-md-1, .px-md-1 {
	padding-left: .25rem!important
}
.p-md-2 {
	padding: .5rem!important
}
.pt-md-2, .py-md-2 {
	padding-top: .5rem!important
}
.pr-md-2, .px-md-2 {
	padding-right: .5rem!important
}
.pb-md-2, .py-md-2 {
	padding-bottom: .5rem!important
}
.pl-md-2, .px-md-2 {
	padding-left: .5rem!important
}
.p-md-3 {
	padding: 1rem!important
}
.pt-md-3, .py-md-3 {
	padding-top: 1rem!important
}
.pr-md-3, .px-md-3 {
	padding-right: 1rem!important
}
.pb-md-3, .py-md-3 {
	padding-bottom: 1rem!important
}
.pl-md-3, .px-md-3 {
	padding-left: 1rem!important
}
.p-md-4 {
	padding: 1.5rem!important
}
.pt-md-4, .py-md-4 {
	padding-top: 1.5rem!important
}
.pr-md-4, .px-md-4 {
	padding-right: 1.5rem!important
}
.pb-md-4, .py-md-4 {
	padding-bottom: 1.5rem!important
}
.pl-md-4, .px-md-4 {
	padding-left: 1.5rem!important
}
.p-md-5 {
	padding: 3rem!important
}
.pt-md-5, .py-md-5 {
	padding-top: 3rem!important
}
.pr-md-5, .px-md-5 {
	padding-right: 3rem!important
}
.pb-md-5, .py-md-5 {
	padding-bottom: 3rem!important
}
.pl-md-5, .px-md-5 {
	padding-left: 3rem!important
}
.m-md-n1 {
	margin: -.25rem!important
}
.mt-md-n1, .my-md-n1 {
	margin-top: -.25rem!important
}
.mr-md-n1, .mx-md-n1 {
	margin-right: -.25rem!important
}
.mb-md-n1, .my-md-n1 {
	margin-bottom: -.25rem!important
}
.ml-md-n1, .mx-md-n1 {
	margin-left: -.25rem!important
}
.m-md-n2 {
	margin: -.5rem!important
}
.mt-md-n2, .my-md-n2 {
	margin-top: -.5rem!important
}
.mr-md-n2, .mx-md-n2 {
	margin-right: -.5rem!important
}
.mb-md-n2, .my-md-n2 {
	margin-bottom: -.5rem!important
}
.ml-md-n2, .mx-md-n2 {
	margin-left: -.5rem!important
}
.m-md-n3 {
	margin: -1rem!important
}
.mt-md-n3, .my-md-n3 {
	margin-top: -1rem!important
}
.mr-md-n3, .mx-md-n3 {
	margin-right: -1rem!important
}
.mb-md-n3, .my-md-n3 {
	margin-bottom: -1rem!important
}
.ml-md-n3, .mx-md-n3 {
	margin-left: -1rem!important
}
.m-md-n4 {
	margin: -1.5rem!important
}
.mt-md-n4, .my-md-n4 {
	margin-top: -1.5rem!important
}
.mr-md-n4, .mx-md-n4 {
	margin-right: -1.5rem!important
}
.mb-md-n4, .my-md-n4 {
	margin-bottom: -1.5rem!important
}
.ml-md-n4, .mx-md-n4 {
	margin-left: -1.5rem!important
}
.m-md-n5 {
	margin: -3rem!important
}
.mt-md-n5, .my-md-n5 {
	margin-top: -3rem!important
}
.mr-md-n5, .mx-md-n5 {
	margin-right: -3rem!important
}
.mb-md-n5, .my-md-n5 {
	margin-bottom: -3rem!important
}
.ml-md-n5, .mx-md-n5 {
	margin-left: -3rem!important
}
.m-md-auto {
	margin: auto!important
}
.mt-md-auto, .my-md-auto {
	margin-top: auto!important
}
.mr-md-auto, .mx-md-auto {
	margin-right: auto!important
}
.mb-md-auto, .my-md-auto {
	margin-bottom: auto!important
}
.ml-md-auto, .mx-md-auto {
	margin-left: auto!important
}
}

@media (min-width:992px) {
.m-lg-0 {
	margin: 0!important
}
.mt-lg-0, .my-lg-0 {
	margin-top: 0!important
}
.mr-lg-0, .mx-lg-0 {
	margin-right: 0!important
}
.mb-lg-0, .my-lg-0 {
	margin-bottom: 0!important
}
.ml-lg-0, .mx-lg-0 {
	margin-left: 0!important
}
.m-lg-1 {
	margin: .25rem!important
}
.mt-lg-1, .my-lg-1 {
	margin-top: .25rem!important
}
.mr-lg-1, .mx-lg-1 {
	margin-right: .25rem!important
}
.mb-lg-1, .my-lg-1 {
	margin-bottom: .25rem!important
}
.ml-lg-1, .mx-lg-1 {
	margin-left: .25rem!important
}
.m-lg-2 {
	margin: .5rem!important
}
.mt-lg-2, .my-lg-2 {
	margin-top: .5rem!important
}
.mr-lg-2, .mx-lg-2 {
	margin-right: .5rem!important
}
.mb-lg-2, .my-lg-2 {
	margin-bottom: .5rem!important
}
.ml-lg-2, .mx-lg-2 {
	margin-left: .5rem!important
}
.m-lg-3 {
	margin: 1rem!important
}
.mt-lg-3, .my-lg-3 {
	margin-top: 1rem!important
}
.mr-lg-3, .mx-lg-3 {
	margin-right: 1rem!important
}
.mb-lg-3, .my-lg-3 {
	margin-bottom: 1rem!important
}
.ml-lg-3, .mx-lg-3 {
	margin-left: 1rem!important
}
.m-lg-4 {
	margin: 1.5rem!important
}
.mt-lg-4, .my-lg-4 {
	margin-top: 1.5rem!important
}
.mr-lg-4, .mx-lg-4 {
	margin-right: 1.5rem!important
}
.mb-lg-4, .my-lg-4 {
	margin-bottom: 1.5rem!important
}
.ml-lg-4, .mx-lg-4 {
	margin-left: 1.5rem!important
}
.m-lg-5 {
	margin: 3rem!important
}
.mt-lg-5, .my-lg-5 {
	margin-top: 3rem!important
}
.mr-lg-5, .mx-lg-5 {
	margin-right: 3rem!important
}
.mb-lg-5, .my-lg-5 {
	margin-bottom: 3rem!important
}
.ml-lg-5, .mx-lg-5 {
	margin-left: 3rem!important
}
.p-lg-0 {
	padding: 0!important
}
.pt-lg-0, .py-lg-0 {
	padding-top: 0!important
}
.pr-lg-0, .px-lg-0 {
	padding-right: 0!important
}
.pb-lg-0, .py-lg-0 {
	padding-bottom: 0!important
}
.pl-lg-0, .px-lg-0 {
	padding-left: 0!important
}
.p-lg-1 {
	padding: .25rem!important
}
.pt-lg-1, .py-lg-1 {
	padding-top: .25rem!important
}
.pr-lg-1, .px-lg-1 {
	padding-right: .25rem!important
}
.pb-lg-1, .py-lg-1 {
	padding-bottom: .25rem!important
}
.pl-lg-1, .px-lg-1 {
	padding-left: .25rem!important
}
.p-lg-2 {
	padding: .5rem!important
}
.pt-lg-2, .py-lg-2 {
	padding-top: .5rem!important
}
.pr-lg-2, .px-lg-2 {
	padding-right: .5rem!important
}
.pb-lg-2, .py-lg-2 {
	padding-bottom: .5rem!important
}
.pl-lg-2, .px-lg-2 {
	padding-left: .5rem!important
}
.p-lg-3 {
	padding: 1rem!important
}
.pt-lg-3, .py-lg-3 {
	padding-top: 1rem!important
}
.pr-lg-3, .px-lg-3 {
	padding-right: 1rem!important
}
.pb-lg-3, .py-lg-3 {
	padding-bottom: 1rem!important
}
.pl-lg-3, .px-lg-3 {
	padding-left: 1rem!important
}
.p-lg-4 {
	padding: 1.5rem!important
}
.pt-lg-4, .py-lg-4 {
	padding-top: 1.5rem!important
}
.pr-lg-4, .px-lg-4 {
	padding-right: 1.5rem!important
}
.pb-lg-4, .py-lg-4 {
	padding-bottom: 1.5rem!important
}
.pl-lg-4, .px-lg-4 {
	padding-left: 1.5rem!important
}
.p-lg-5 {
	padding: 3rem!important
}
.pt-lg-5, .py-lg-5 {
	padding-top: 3rem!important
}
.pr-lg-5, .px-lg-5 {
	padding-right: 3rem!important
}
.pb-lg-5, .py-lg-5 {
	padding-bottom: 3rem!important
}
.pl-lg-5, .px-lg-5 {
	padding-left: 3rem!important
}
.m-lg-n1 {
	margin: -.25rem!important
}
.mt-lg-n1, .my-lg-n1 {
	margin-top: -.25rem!important
}
.mr-lg-n1, .mx-lg-n1 {
	margin-right: -.25rem!important
}
.mb-lg-n1, .my-lg-n1 {
	margin-bottom: -.25rem!important
}
.ml-lg-n1, .mx-lg-n1 {
	margin-left: -.25rem!important
}
.m-lg-n2 {
	margin: -.5rem!important
}
.mt-lg-n2, .my-lg-n2 {
	margin-top: -.5rem!important
}
.mr-lg-n2, .mx-lg-n2 {
	margin-right: -.5rem!important
}
.mb-lg-n2, .my-lg-n2 {
	margin-bottom: -.5rem!important
}
.ml-lg-n2, .mx-lg-n2 {
	margin-left: -.5rem!important
}
.m-lg-n3 {
	margin: -1rem!important
}
.mt-lg-n3, .my-lg-n3 {
	margin-top: -1rem!important
}
.mr-lg-n3, .mx-lg-n3 {
	margin-right: -1rem!important
}
.mb-lg-n3, .my-lg-n3 {
	margin-bottom: -1rem!important
}
.ml-lg-n3, .mx-lg-n3 {
	margin-left: -1rem!important
}
.m-lg-n4 {
	margin: -1.5rem!important
}
.mt-lg-n4, .my-lg-n4 {
	margin-top: -1.5rem!important
}
.mr-lg-n4, .mx-lg-n4 {
	margin-right: -1.5rem!important
}
.mb-lg-n4, .my-lg-n4 {
	margin-bottom: -1.5rem!important
}
.ml-lg-n4, .mx-lg-n4 {
	margin-left: -1.5rem!important
}
.m-lg-n5 {
	margin: -3rem!important
}
.mt-lg-n5, .my-lg-n5 {
	margin-top: -3rem!important
}
.mr-lg-n5, .mx-lg-n5 {
	margin-right: -3rem!important
}
.mb-lg-n5, .my-lg-n5 {
	margin-bottom: -3rem!important
}
.ml-lg-n5, .mx-lg-n5 {
	margin-left: -3rem!important
}
.m-lg-auto {
	margin: auto!important
}
.mt-lg-auto, .my-lg-auto {
	margin-top: auto!important
}
.mr-lg-auto, .mx-lg-auto {
	margin-right: auto!important
}
.mb-lg-auto, .my-lg-auto {
	margin-bottom: auto!important
}
.ml-lg-auto, .mx-lg-auto {
	margin-left: auto!important
}
}

@media (min-width:1200px) {
.m-xl-0 {
	margin: 0!important
}
.mt-xl-0, .my-xl-0 {
	margin-top: 0!important
}
.mr-xl-0, .mx-xl-0 {
	margin-right: 0!important
}
.mb-xl-0, .my-xl-0 {
	margin-bottom: 0!important
}
.ml-xl-0, .mx-xl-0 {
	margin-left: 0!important
}
.m-xl-1 {
	margin: .25rem!important
}
.mt-xl-1, .my-xl-1 {
	margin-top: .25rem!important
}
.mr-xl-1, .mx-xl-1 {
	margin-right: .25rem!important
}
.mb-xl-1, .my-xl-1 {
	margin-bottom: .25rem!important
}
.ml-xl-1, .mx-xl-1 {
	margin-left: .25rem!important
}
.m-xl-2 {
	margin: .5rem!important
}
.mt-xl-2, .my-xl-2 {
	margin-top: .5rem!important
}
.mr-xl-2, .mx-xl-2 {
	margin-right: .5rem!important
}
.mb-xl-2, .my-xl-2 {
	margin-bottom: .5rem!important
}
.ml-xl-2, .mx-xl-2 {
	margin-left: .5rem!important
}
.m-xl-3 {
	margin: 1rem!important
}
.mt-xl-3, .my-xl-3 {
	margin-top: 1rem!important
}
.mr-xl-3, .mx-xl-3 {
	margin-right: 1rem!important
}
.mb-xl-3, .my-xl-3 {
	margin-bottom: 1rem!important
}
.ml-xl-3, .mx-xl-3 {
	margin-left: 1rem!important
}
.m-xl-4 {
	margin: 1.5rem!important
}
.mt-xl-4, .my-xl-4 {
	margin-top: 1.5rem!important
}
.mr-xl-4, .mx-xl-4 {
	margin-right: 1.5rem!important
}
.mb-xl-4, .my-xl-4 {
	margin-bottom: 1.5rem!important
}
.ml-xl-4, .mx-xl-4 {
	margin-left: 1.5rem!important
}
.m-xl-5 {
	margin: 3rem!important
}
.mt-xl-5, .my-xl-5 {
	margin-top: 3rem!important
}
.mr-xl-5, .mx-xl-5 {
	margin-right: 3rem!important
}
.mb-xl-5, .my-xl-5 {
	margin-bottom: 3rem!important
}
.ml-xl-5, .mx-xl-5 {
	margin-left: 3rem!important
}
.p-xl-0 {
	padding: 0!important
}
.pt-xl-0, .py-xl-0 {
	padding-top: 0!important
}
.pr-xl-0, .px-xl-0 {
	padding-right: 0!important
}
.pb-xl-0, .py-xl-0 {
	padding-bottom: 0!important
}
.pl-xl-0, .px-xl-0 {
	padding-left: 0!important
}
.p-xl-1 {
	padding: .25rem!important
}
.pt-xl-1, .py-xl-1 {
	padding-top: .25rem!important
}
.pr-xl-1, .px-xl-1 {
	padding-right: .25rem!important
}
.pb-xl-1, .py-xl-1 {
	padding-bottom: .25rem!important
}
.pl-xl-1, .px-xl-1 {
	padding-left: .25rem!important
}
.p-xl-2 {
	padding: .5rem!important
}
.pt-xl-2, .py-xl-2 {
	padding-top: .5rem!important
}
.pr-xl-2, .px-xl-2 {
	padding-right: .5rem!important
}
.pb-xl-2, .py-xl-2 {
	padding-bottom: .5rem!important
}
.pl-xl-2, .px-xl-2 {
	padding-left: .5rem!important
}
.p-xl-3 {
	padding: 1rem!important
}
.pt-xl-3, .py-xl-3 {
	padding-top: 1rem!important
}
.pr-xl-3, .px-xl-3 {
	padding-right: 1rem!important
}
.pb-xl-3, .py-xl-3 {
	padding-bottom: 1rem!important
}
.pl-xl-3, .px-xl-3 {
	padding-left: 1rem!important
}
.p-xl-4 {
	padding: 1.5rem!important
}
.pt-xl-4, .py-xl-4 {
	padding-top: 1.5rem!important
}
.pr-xl-4, .px-xl-4 {
	padding-right: 1.5rem!important
}
.pb-xl-4, .py-xl-4 {
	padding-bottom: 1.5rem!important
}
.pl-xl-4, .px-xl-4 {
	padding-left: 1.5rem!important
}
.p-xl-5 {
	padding: 3rem!important
}
.pt-xl-5, .py-xl-5 {
	padding-top: 3rem!important
}
.pr-xl-5, .px-xl-5 {
	padding-right: 3rem!important
}
.pb-xl-5, .py-xl-5 {
	padding-bottom: 3rem!important
}
.pl-xl-5, .px-xl-5 {
	padding-left: 3rem!important
}
.m-xl-n1 {
	margin: -.25rem!important
}
.mt-xl-n1, .my-xl-n1 {
	margin-top: -.25rem!important
}
.mr-xl-n1, .mx-xl-n1 {
	margin-right: -.25rem!important
}
.mb-xl-n1, .my-xl-n1 {
	margin-bottom: -.25rem!important
}
.ml-xl-n1, .mx-xl-n1 {
	margin-left: -.25rem!important
}
.m-xl-n2 {
	margin: -.5rem!important
}
.mt-xl-n2, .my-xl-n2 {
	margin-top: -.5rem!important
}
.mr-xl-n2, .mx-xl-n2 {
	margin-right: -.5rem!important
}
.mb-xl-n2, .my-xl-n2 {
	margin-bottom: -.5rem!important
}
.ml-xl-n2, .mx-xl-n2 {
	margin-left: -.5rem!important
}
.m-xl-n3 {
	margin: -1rem!important
}
.mt-xl-n3, .my-xl-n3 {
	margin-top: -1rem!important
}
.mr-xl-n3, .mx-xl-n3 {
	margin-right: -1rem!important
}
.mb-xl-n3, .my-xl-n3 {
	margin-bottom: -1rem!important
}
.ml-xl-n3, .mx-xl-n3 {
	margin-left: -1rem!important
}
.m-xl-n4 {
	margin: -1.5rem!important
}
.mt-xl-n4, .my-xl-n4 {
	margin-top: -1.5rem!important
}
.mr-xl-n4, .mx-xl-n4 {
	margin-right: -1.5rem!important
}
.mb-xl-n4, .my-xl-n4 {
	margin-bottom: -1.5rem!important
}
.ml-xl-n4, .mx-xl-n4 {
	margin-left: -1.5rem!important
}
.m-xl-n5 {
	margin: -3rem!important
}
.mt-xl-n5, .my-xl-n5 {
	margin-top: -3rem!important
}
.mr-xl-n5, .mx-xl-n5 {
	margin-right: -3rem!important
}
.mb-xl-n5, .my-xl-n5 {
	margin-bottom: -3rem!important
}
.ml-xl-n5, .mx-xl-n5 {
	margin-left: -3rem!important
}
.m-xl-auto {
	margin: auto!important
}
.mt-xl-auto, .my-xl-auto {
	margin-top: auto!important
}
.mr-xl-auto, .mx-xl-auto {
	margin-right: auto!important
}
.mb-xl-auto, .my-xl-auto {
	margin-bottom: auto!important
}
.ml-xl-auto, .mx-xl-auto {
	margin-left: auto!important
}
}
.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.text-justify {
	text-align: justify!important
}
.text-wrap {
	white-space: normal!important
}
.text-nowrap {
	white-space: nowrap!important
}
.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.text-left {
	text-align: left!important
}
.text-right {
	text-align: right!important
}
.text-center {
	text-align: center!important
}



.text-lowercase {
	text-transform: lowercase!important
}
.text-uppercase {
	text-transform: uppercase!important
}
.text-capitalize {
	text-transform: capitalize!important
}
.font-weight-light {
	font-weight: 300!important
}
.font-weight-lighter {
	font-weight: lighter!important
}
.font-weight-normal {
	font-weight: 400!important
}
.font-weight-bold {
	font-weight: 700!important
}
.font-weight-bolder {
	font-weight: bolder!important
}
.font-italic {
	font-style: italic!important
}
.text-white {
	color: #fff!important
}
.text-primary {
	color: #007bff!important
}
a.text-primary:focus, a.text-primary:hover {
	color: #0056b3!important
}
.text-secondary {
	color: #6c757d!important
}
a.text-secondary:focus, a.text-secondary:hover {
	color: #494f54!important
}
.portfolio-item {
  margin-bottom: 30px;
}

.text-left {
	text-align: left!important
}
.text-right {
	text-align: right!important
}
.text-center {
	text-align: center!important
}

/*----------------------------------------------------------------
ボタン
----------------------------------------------------------------*/


.btn-primary {
	width: 100%;
    display: block;
    text-align: center;
	padding: 1rem;
	margin-top:1rem;
	max-width: 400px;
	text-decoration:none;
	font-size: 2rem;
	color: #fff;
	background-color:  #3f0102;
	border-color:  #3f0102;
	transition: 0.3s ease-in-out;
	border-radius: 0.5em;	
}

@media (min-width:768px) {
.btn-primary {
	width: 100%;
    display: block;
    text-align: center;
	padding: 1rem;
	margin-top:1rem;
	max-width: 400px;
	text-decoration:none;
	font-size: 1.6rem;
	color: #fff;
	background-color:  #3f0102;
	border-color:  #3f0102;
	transition: 0.3s ease-in-out;
	border-radius: 0.5em;	
}
}

.btn-primary:hover {
	text-decoration:none;
	color: #fff;
	background-color:  #5a2223;
	border-color:  #3f0102
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #3f0102;
	border-color: #3f0102
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #3f0102;
	border-color: #3f0102
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
	width: 100%
}

@media (max-width:768px) {
a.btn-primary.wh {
	
	width: 100%;
    display: block;
    text-align: center;
	padding: 5px;
	margin-top:1rem;
	max-width: 400px;
	text-decoration:none;
	font-size: 1em;
	color: #fff;
	background-color:  #3f0102;
	border-color:  #3f0102;
	transition: 0.3s ease-in-out;
	border-radius: 0.5em;
	
}
}