.nav-style {
	background-color: #e3f2fd;
	border-top : 4px solid #ff69b4;
	border-bottom:1px solid #696969;
}
.nav-b {
	color:#ff69b4;
}
.nav-s {
	color:#696969;
	font-weight: bold;
}
.n-menu {
	font-weight: bold;
}

.n-menu span {
	font-weight: normal;
	display: block;
	font-size: 80%;
	color: #ff69b4;
}

.nav-Contact {
	border-radius :8px;
	background: #ff69b4;
	color: #fff;
	line-height: 1.4rem
	
}

.contact-c {
	color: #fff!important;
	font-weight: bold;
	letter-spacing: 0.8rem;
	text-align: center;
}
.contact-c span {
	display: block;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: normal;
}

.jb-style {
	background-image: url(img/sora.jpg); no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;"
}

h2.whats_new {
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1.0em;
	position: relative;
	display: inline-block;
	padding: 0.5em 0.5em 0.5em 1.0em;
	border-radius: 12px 12px 12px 12px;
	color: #fff;
	background: #ff69b4;
}
h2.whats_new:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 10px solid transparent;
	border-top: 10px solid #ff69b4;
	width: 0;
	height: 0;
}

h3 {
	font-size: 1.7rem;
}

p {
	margin:  0;
	line-height: 2;
}

.d_box {
	padding: 0.2em 0.5em;
	margin: 1em 0;
	text-align: left;
}

.d_box p {
	margin: 0; 
	padding: 0;
	font-size: 1.2rem;
}
.p_dec {
	background: #fbeff5;
	box-shadow: 0px 0px 0px 10px #fbeff5;
	border: dashed 2px #ff69b4;
}

.bh_f42880 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 0.1em;
	border-bottom: 2px solid #ff69b4;
}
.bh_f42880:first-letter {
	margin-right: 0.1em;
	font-size: 1.8rem;
	color: #f42880;
}
.b_dec {
	background: #efeffb;
	box-shadow: 0px 0px 0px 10px #efeffb;
	border: dashed 2px #000080;
}

.bh_4169e1 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 0.1em;
	border-bottom: 2px solid #000080;
}
.bh_4169e1:first-letter {
	margin-right: 0.1em;
	font-size: 1.8rem;
	color: #4169e1;
}

.m_dec {
	background: #e0f8e0;
	box-shadow: 0px 0px 0px 10px #e0f8e0;
	border: dashed 2px #006400;
}

.bh_008000 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 0.1em;
	border-bottom: 2px solid #006400;
}
.bh_008000:first-letter {
	margin-right: 0.1em;
	font-size: 1.8rem;
	color: #008000;
}

.k_dec {
	background: #f7f8e0;
	box-shadow: 0px 0px 0px 10px #f7f8e0;
	border: dashed 2px #ffd700;
}
.bh_ffa500 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 0.1em;
	border-bottom: 2px solid #ffd700;
}
.bh_ffa500:first-letter {
	margin-right: 0.1em;
	font-size: 2.0rem;
	color: #ffa500;
}
.e_grid {
	margin: 1.25rem;
}

.jumbotron h1 {
	font-size: 2.6em;
	text-align: center;
	font-weight: bold;
	color: #ff69b4;
	text-shadow: 2px 1px 1px #fff;
	text-decoration: underline;
	margin-top: 1.6em;
}
.jumbotron p {
	color: #fff;
	font-size: 1.3em;
	text-align:center;
	line-height: 1.6em;
	margin-top: 1.6em;
	text-shadow: 1px 1px 1px #000;
}

#new_info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#new_info li {
	padding: 15px 0 15px 7em;
	text-indent: -7em;
	border-bottom: 1px solid #ddd;
}

#new_info li span {
	display: inline-block;
	width: 7em;
	text-indent: 0;
}

#new_info li a {
	text-decoration: none;
	color: #000;
}

#new_info li a:hover {
	text-decoration: underline;
	color: #ff69b4;

}
.h2swsv{
	visibility: collapse;
}
.h2swtx{
	visibility: visible;
}
.hd2index {
	font-weight: bold;
	color: #ff69b4;
	display: flex;
	align-items: center;
	text-shadow: 2px 2px 2px #666666;
}

.hd2index:before, .hd2index:after{
	content: "";
	flex-grow: 1;
	height: 3px;
	background: #ff69b4;
	display: block;
	padding: 0 10%;
}

.hd3index {
	font-weight: bold;
	color: #176fc1;
	display: flex;
	align-items: center;
	text-shadow: 2px 2px 2px #666666;
}

.hd3index:before, .hd3index:after{
	content: "";
	flex-grow: 1;
	height: 3px;
	background: #176fc1;
	display: block;
	padding: 0 10%;
}

.hd2index:before,
.hd3index:before {
	margin-right: 0.6em;
}
.hd2index:after,
.hd3index:after {
	margin-left: 0.6em;
}

ul.plist {
	position: relative;
	margin: 1.6rem 0;
	padding: 15px 15px 15px 30px;
	border: solid 2px #176fc1;
	border-radius:8px;
	color: #000;
	width: 100%;
	background: #fff;
}
ul.plist:before{
	content: "こだわりポイント";
	color: #ff69b4;
	position: absolute;
	display: block;
	top: -1.6rem;
	left: 20px;
	background: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 10px;
}
ul.plist li{
	font-weight: bold;
	margin: 0.6rem 0;
}

.q-hed-top {
	font-size: 1.6rem;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}
.q-hed-top span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.q-hed-top span::before,
.q-hed-top span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 2px;
	background-color: #176fc1;
}
.q-hed-top span::before {
 	right: 100%;
}
.q-hed-top span::after {
	left: 100%;
}

.q-hed {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	position: relative;
	margin: 0.75em 0 0.75em 0;
	padding: 0.2em 0.55em;
	background-color: #ff69b4;
	border-radius: 6px;
}

.q-table thead th ,.q-table td {
	font-size: 1.0rem;
	border-collapse: collapse;
	border:1px solid #333;
}
.q-table th:nth-child(1) {
	text-align: center;
}

.q-table th:nth-last-child(2) {
	background-color: #176fc1;
	color: #fff;
	text-align: center;
	width: 26%;
}

.q-table th:nth-last-child(1) {
	background-color: #ff69b4;
	color: #fff;
	text-align: center;
	width: 26%;
}
.q-table td:nth-last-child(2) {
	background-color: #cbe3f9;
	color: #000;
	text-align: center;
	width: 114px;
}
.q-table td:nth-last-child(1) {
	background-color: #ffb7db;
	color: #000;
	text-align: center;
	width: 114px;
}
.mbr {
	display: block;
}
.sbr {
	display: none;
}

.chair-box {
	margin: 1.6rem 0;
	background: #dcefff;
	border: solid 3px #dcefff;
	border-radius: 6px;
}
.chair-box .box-title{
	font-size: 1.2rem;
	background: #176fc1;
	padding: 0.2rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.06rem;
	border: solid 1px #176fc1;
	border-radius: 6px;
}
.chair-box p
	padding: 0.8rem 1.0rem;
	margin: 0;
}

.shoes-box {
	margin: 1rem 0;
	background: #dcefff;
	border: solid 3px #dcefff;
	border-radius: 6px;
}
.shoes-box .box-title{
	font-size: 1.2rem;
	background: #176fc1;
	color: #fff;
	padding: 0.2rem 0.8rem;
	font-weight: bold;
	letter-spacing: 0.06rem;
	border: solid 1px #176fc1;
	border-radius: 6px;
}
.shoes-box .price{
	font-size: 1.6rem;
	color: #ff0000;
	text-align: right;
	font-weight: bold;
	margin: 0.6rem;
}
.shoes-box .price span{
	color: #000;
	margin-right: 0.4rem;
}
.shoes-box p{
	padding: 0.6rem 1.0rem;
	margin: 0;
}
.shoes-box p span{
	text-align: right;
}
.shoes-cmbox {
	position:relative;
}

.shoes-cmbox p{
	position: absolute;
	text-shadow: 1px 1px 1px #fff;
}
.shop-box{
	margin: 1rem 0;
	background: #dcefff;
	border: solid 3px #dcefff;
	border-radius: 6px;
}
.shop-box .box-title{
	font-size: 1.2em;
	background: #176fc1;
	padding: 0.2rem 0.8rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.06rem;
	border: solid 1px #176fc1;
	border-radius: 6px;
}
.shop-box p{
	padding: 0.6rem 1.0rem;
    margin: 0;
}

.price-table thead th ,.price-table td {
	font-size: 1.0rem;
	border-collapse: collapse;
	border:1px solid #696969;
}
.price-table th {
	text-align: center;
}
.price-table th:nth-child(2) {
	width: 26%;
}
.price-table td:nth-child(1) {
	font-weight: bold;
}
.price-table td span:nth-child(1) {
	font-weight: normal;
}
.price-table td:nth-child(2) {
	text-align: right;
}
.bkimg {
	background-image: url(./img/ft2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 0;
	height: 7rem;
}

.title-sub {
	color: #007bff;
	font-size: 1.0rem;
	margin-bottom: 1.0rem;
}

.line-re {
	text-align: center;
}
.line-re p {
	font-size: 1.6em;
}
.frimg {
	width: 40%;
}
.qrimg {
	width: 40%;
}

.st-font{
	font-size: 1.2rem;
}

.c-right{
	text-align: center;
	background-color: #ff69b4;
	color: #ffffff;
	line-height: 1.6;
}

@media (max-width: 768px) {
	body p {
		font-size: 0.8rem;
	}
	.jumbotron p {
		font-size: 0.7em!important;
	}
	.d_box {
		padding: 0.2em 0.5em;
		margin: 1em 0;
		text-align: left;
	}
	h1{
		font-size: 1.4em!important;
	}
	h1.whats_new {
		font-size: 1.0em!important;
	}
	h1.newline{
		font-size: 1.0em!important;
	}
	.h2swsv{
		visibility: visible;
		margin: 0;
	}
	.h2swtx{
		visibility: collapse;
	}
	.hd2index{
		font-size: 1.2em!important;
		padding: 0 1%!important;
		text-shadow: 1px 1px 2px #666666;
	}
	.hd3index{
		font-size: 1.2em!important;
		padding: 0 1%!important;
		text-shadow: 1px 1px 2px #666666;
	}
	h3{
		font-size: 1.4em!important;
	}
	.card-body h3 {
		font-size: 1.2em!important;
	}
	.card-body.text-primary {
		font-size: 0.8rem!important;
	}
	.e_grid {
		margin: 0;
	}
	.e_grid p {
		font-size: 0.7em;
	}
	.plist {
		font-size: 0.8rem;
	}
	ul.plist:before{
		font-size: 1.0rem;
		position: absolute;
		display: block;
		top: -1.0rem;
		left: 20px;
		background: #fff;
		font-weight: bold;
		padding: 0 10px;
	}
	.q-hed-top {
		font-size: 1.3rem!important;
		line-height: 1.0!important;
	}
	.q-hed {
		font-size: 1.2rem;
	}
	.q-table thead th ,.q-table td {
		font-size: 0.8rem!important;
		padding: 0 1rem;
	}
	.mbr {
		display: none;
	}
	.sbr {
		display: block;
	}
	.shoes-cmbox h3 {
		font-size: 1.2rem;
	}
	.price-table thead th 
	,.price-table thead td
	,.price-table tbody th
	,.price-table tbody td {
		font-size: 0.7rem;
	}
	.price-table th:nth-child(2) {
		width: 30%;
	}
	.bkimg {
		font-weight: bold;
		text-shadow: 1px 1px 2px #fff;
	}
	address > a {
		color: #0000ff;
		font-weight: bold;
		text-shadow: 1px 1px 2px #fff;
	}
	.frimg {
		width: 80%;
	}
	.line-re p {
		font-size: 1.2em;
	}
	.st-font{
		font-size: 1.0rem;
	}
}

@media (max-width: 576px) {
	.h2swsv{
		visibility: visible;
	}
	.h2swtx{
		visibility: collapse;
	}
	.st-font{
		font-size: 0.8rem;
	}
}