/**********************************************
	縦スクロールバーを常に表示
**********************************************/
html {
	overflow-y:scroll;
}

/**********************************************
	CSSリセット
**********************************************/
body,p,ul,th,td {
	margin:0;
	padding:0;
}

img {
	vertical-align:bottom;
}

/**********************************************
	リンクの設定
**********************************************/
a:link {
	color:#171c61;
	text-decoration:underline;
}

a:visited {
	color:#171c61;
	text-decoration:underline;
}

a:active {
	color:#171c61;
	text-decoration:underline;
}

a:hover {
	color:#0087cb;
	text-decoration:none;
}

/**********************************************
	電話リンク
**********************************************/
.tel a {
	text-decoration:none;
}

/**********************************************
	リンクボタン
**********************************************/
.othersLink {
	margin:1rem auto;
	width:20rem;
}

.othersLink a {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:1rem 1rem;
	width:20rem;
	text-align:center;
	text-decoration:none;
	font-size:1rem;
	font-weight:bold;
	color:#061f4f;
	background-color:#9dd6f4;
	border-radius:0.5rem;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

.othersLink a:hover {
	color:#fff;
	background-color:#2ba6e8;
}

.othersLink a::after {
	width:1rem;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	content:'\f105';
}

/**********************************************
	みだしタイトル
**********************************************/
.midashiTitleBlock {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.midashiTitle {
	order:2;
	position:relative;
	margin-bottom:2rem;
	padding-bottom:1rem;
	font-family:'Noto Serif JP',serif;
	font-weight:500;
	text-align:center;
	font-size:2rem;
}

.midashiTitle::before {
  position:absolute;
  content:"";
  width:4rem;
  height:3px;
  bottom:-10px;
  left:50%;
  background-color:#0087cb;
  border-radius:5px;
  transform:translateX(-50%);
}

.midashiSubTitle {
	order:1;
	padding-bottom:1rem;
	text-align:center;
	font-size:0.9rem;
	color:#0087cb;
}

/**********************************************
	送料無料
**********************************************/
.freeShipping {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	font-family:"Oswald";
	font-size:0.85rem;
	font-weight:300;
}

.freeShipping span {
	display:block;
	margin-left:0.5rem;
	padding:0.25rem 0.75rem;
	font-size:0.8rem;
	color:#fff;
	background-color:#ca3c3c;
	border-radius:0.25rem;
}

/**********************************************
	不可ステッカー
**********************************************/
.fukaSticker {
	position:relative;
	display:inline-block;
	margin:0 0.25rem;
	padding:0.15rem 0.25rem;
	background-color:#eee;
	border:1px solid #111;
	border-radius:0.25rem;
}

.fukaSticker::before {
	position:absolute;
	display:block;
	width:100%;
	height:1px;
	top:50%;
	left:0;
	content:"";
	transform:rotate(10deg);
	background-color:#111;
}