@CHARSET "UTF-8";
/**************************************************/
/*bootstrap上書き                                 */
/**************************************************/
/***********************/
/*色                   */
/***********************/
.btn {/*baseの上書き*/
    font-weight:normal;
    border-radius: 0;
}
/*primary*/
.btn-outline-primary{
	color: #673F33 !important;
	background-color: #fff !important;
	border: 2px solid #673F33 !important;
	position:relative;
	font-weight:bold;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
a.btn-primary,
a.btn-primary:hover,
a.btn-primary:active{
	cursor: pointer;
	color: #fff !important;
    background-color: #673F33 !important;
    border-color: #673F33 !important;
}


/*遷移用ボタン*/
.btn-outline-primary:hover{
	color: #fff !important;
	background-color: #673F33 !important;
	border: 2px solid #673F33 !important;
	opacity: 1 !important;
}
.btn-outline-primary:hover:after{
	color:#fff;
}

.bg-primary {
	background-color: #673F33 !important;
}
.text-primary {
	color: #673F33 !important;
}
a.text-primary:focus, a.text-primary:hover {
	color: #673F33 !important;

}
.text-muted{/*footerの利用規約*/
	color:#4D4D4D !important;
}

/*secondary(グレー)*/
.btn-secondary{
	color: #fff !important;
	background-color: #909090 !important;
	border-color: #909090 !important;
}
.bg-secondary {
	background-color: #909090 !important;
}
.text-secondary {
	color: #909090 !important;
}
a.text-secondary:focus, a.text-secondary:hover {
	color: #909090 !important;
}


/*gotoPageTopのカスタマイズ設定*/
#gotoPageTop{
	bottom: 5rem;
}
#gotoPageTop #svgGotoPageCircleLine,
#gotoPageTop #svgGotoPageArrow{
	stroke: #673F33;
}
#gotoPageTop #svgGotoPageTopText{
	fill: #673F33;
}

/*特殊タグの見出し色*/
h3.spTag{
	border-color: #673F33;
}

/*全体の背景色*/
body,
header .navbar{
	background-color: #FFFFFF;
}

/* ヘッダーサークルボタン */
header .btn.btn-dark {
	background-color: #673F33;
	border-color: #673F33;
}

/* 上部スタンプボタン */
#uppperStampButton .btn-primary{
	color: #8AA735 !important;
	background-color: #fff !important;
	border: 3px solid #673F33 !important;
}

/* フッター */
footer {
	background-color:#F1F4E7 !important;
}

/***********************/
/*その他               */
/***********************/
/*角丸*/
.rounded {
    border-radius: 0.5rem !important;
}

.bg-white.rounded{
	box-shadow: 0px 1px 8px;
}

/**************************************************/
/*共通系                                          */
/**************************************************/
/***********************/
/*全体           */
/***********************/
html,
body{
	line-height:1.6 !important;/*base.css共通を上書き。base.cssはメディアクエリ内に記述があるが、siteに書いてあると悪さするのでメディアクエリ外した。*/
}
body {
	padding-top:0;
	margin-bottom: 8rem;	/*フッターに合わせる*/
}

/**************/
/*ヘッダ関連  */
/**************/
/*ヘッダー*/
header h1,
header #pageTitle{
	font-size: 1.5rem;
	font-weight: bold;
	color:#000000;
}

header #pageTitle span{
	padding-bottom:0.5rem;
	border-bottom: 5px solid #673F33;
}

/*ヘッダー固定の調整（fixed-top）の高さに合わせる*/
#pageTitle{
	padding-top:52px;
}

/*パンくずの高さも考慮*/
#p_Top #contents,
body.size_sm #contents,
body.size_xs #contents{
	padding-top:20px;	/*topはパンくずがないのでヘッダーの高さ*/
}

/*丸ボタン*/
header .btn{  
	width: 40px;
	height: 40px;
	padding: 0;
	color: #fff !important;
	/*aタグにすると上に上がるのでセンター設定button要素のの時は不要*/
	display: flex;
	justify-content: center;
	align-items: center;
} 
header .btn .material-icons{
	font-size: 24px;
	line-height: 1 !important;
}

/*タイトルが折り返すので小さくする*/
body.size_xs header h1{
	/*font-size: 1.1rem;*/
	font-size: 4.5vw;
}
body.size_xs header .btn{ 
	width: 30px;
	height: 30px;
}
body.size_xs header .btn .material-icons{
	font-size: 20px;
}



/**************/
/*その他共通  */
/**************/

/*パンクス非表示*/
ul#breadcrumb.breadcrumb{
	display:none  !important;
}

/*印刷ボタン非表示*/
a.printBtn{
	display:none  !important;
}


/*見出しアイコン設定*/
h2 .material-icons,
#p_Course_Detail h5 .material-icons{
	color:#673F33 !important;
	font-size: 2.5rem;
	padding-right: 0.5rem;
	vertical-align:middle;
}

#contents{
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/*詳細系新着マーク調整*/
.comBadge.NEW{
	margin-bottom:10px;	
}

/*
flexのbreak-word対策
https://qiita.com/mpyw/items/dfc63c1fed5dfc5eda26
stamp.cssにも記載してあるが、詳細系は読み込まない為
どこかでbase.cssを整理するときに入れる
*/
.minWidth0{
	min-width:0;
}


/***********************/
/*TOP(コース一覧)      */
/***********************/
#p_Top #loadingMask {
	display:none;
}

#p_Top #courseList .row{
	position:relative;
	border-width: 2px !important;
}

#p_Top #courseList .row .leftCol img{
	width: 100%;
	height: 10rem;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}


#p_Top #courseList .courseDist{
	/* color:#717171; */
	/* font-size: 0.8rem; */
	display: none;
}

/***********************/
/*コース詳細           */
/***********************/
#p_Course_Detail #contents > div.row{
	margin-right: 0px;
    margin-left: 0px;
}

#p_Course_Detail .courseDist{
	/* background-color: #F0F0F0; */
	/* color:#717171; */
	display: none;
}

#p_Course_Detail .courseDist.rounded {
    /* border-radius: 1rem !important; */
	display: none;
}

/***********************/
/*ポイント詳細         */
/***********************/
#p_point_Detail #contents > div.row{
	margin-right: 0px;
    margin-left: 0px;
}

/***********************/
/*スタンプ帳共通       */
/***********************/
/*GPSボタン非表示*/
#gpsGet{
	display:none;
}


#pointInfo{
	display: none;
}


#quizModal .bg-white > div:nth-child(2){
    margin-top:0.5rem;
    margin-bottom:0.5rem;
  	font-weight:bold;
}

#quizModal .bg-white > div:nth-child(3){
	color:#673F33;
  	margin-bottom:1.5rem;
}

#answerModal .text-center > div:nth-child(2){
	color:#673F33;
    font-weight:bold;
}

#quizList .answer {
	color:red;
    font-weight:bold;
}

#stampList > a > div:nth-child(2) {
	margin-top:0.5rem;
    font-weight:bold;
}