body {
    font-family: serif;
	font-weight: 400;
	font-size: 110%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: serif;
	font-weight: 900;

}

p {
	line-height: 185%;
}

p.border  {
	line-height: 125%;

}

.navbar-light .navbar-nav .nav-link {
	color: #333;
	font-weight: 900;
}

a {
	color: #0033FF;
}

.active{
	border-bottom: 2px solid #FF6633;
}

.ex {
	background-color: #EEE;
	padding: 1em;
}

@media all and (-ms-high-contrast: none){
.modal-body .img-fluid{
	width:450px;
}
.sasen .img-fluid{
	width:auto;
}
}
.navbar{
	background-color:#FFC20D;
}

.jumbotron{
	background-image: url(../images/top.jpg);
	background-size:cover;
	background-position: center top;
	height:500px;
	color:white;
}
.jumbotron h1, .jumbotron p{
	background-color:rgba(0, 0, 0, 0.8);
	display:inline-block;
	position:relative;
	top:60px;
	padding:7px 15px;
	max-width:100%;
}
.jumbotron h1{
	font-size:300%;
}
.top-ul li{
	list-style:none;
	font-size:20px;

}
.top-row a, .top-row ul li a{
	color:black;
	text-align:center;
}
.top-card{
	background-color:#FFC20D;
}
.top-card:hover{
	background-color:#FF6633;
}

a.top-card:hover{
	text-decoration:none !important;
}


.top-card2:hover{
	background-color:#FFE699;
}
.font-card:hover{
	background-color:#FF6633;
}

.top-row .top-card .card-body{
	height: 6.3rem;
}

.top-page h5{
	font-size:1.15em;
}

.end-navi{
	display:flex;
	justify-content: space-between;
}
.end-btn button{
	border:solid 1.4px #FF6633;
	border-radius:0.25em;
	background:transparent;
}
.end-btn button:hover{
	background-color:#FF6633;
	border-radius:0.25em;
	color:black;
}
.chapter{
	font-size:30px;
	font-weight:bold;
	color:#1A1301;
}
.title{
	color:#1A1301;
}
.title-hr{
	background-color:#FF6633;
}
.text-wrap{
	word-wrap: break-word;
}
.typeno{
	background-color:#DDDDDD;
	border: 1px #FFF solid;
}
.font-h3{
	color:#FF6633;
}
.nav-tabs{
	border:none;
}
.nav-tabs .nav-link{
	text-align:center;
	border:1.4px solid #FF6633;
	border-radius:0.25em;
	color:black;
	margin:3px auto;
	width:100%;
}
.nav-tabs .nav-link:hover{
	background-color:#FF6633;
	border:1.4px solid #FF6633;
	border-radius:0.25em;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	background-color:#FF6633;
	border:1.4px solid #FF6633;
	border-radius:0.25em;
	color:black;
}
.dropdown-item{
	white-space: normal !important;
}
.dropdown-menu{
	min-width:17.5rem !important;
}
.table thead th {
    border:none;
}
.glo-top a{
	margin:3px 5px;
	padding:2px 10px;
	display:inline-block;
	border-color:#FF6633;
	color:black;
}
.glo-top a:hover{
	background-color:#FF6633;
	border-color:#FF6633;
	color:black;
}
.sitepolicy,  .footer-end{
	background-color:#FFC20D;
}
.red{
	color:red;
}

#page-top {
    position: fixed;
    bottom: 0px;
    right: 7%;
    line-height:1.4;
    margin-bottom:10px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 9px 12px;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin:0;
    font-size:0.8rem;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* コレクションページ用 */ 

.singleitem {
	background-color:#ddd;
	position:relative;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
}
.singleitem:hover{
	background-color:#FFC20D;

}

.singleitem .country{
	display:block;
	position:absolute;
	top: 0;
	right: 0;
	margin:0;
	padding:2px 8px;
	font-size:0.75em;

	background-color: #FFC20D;
	color:#000;
}


.singleitem .title{
	display:block;
	position:absolute;
	bottom: 0;
	margin:0;
	padding:5px 6px;
	font-size:0.9em;

	width:100%;
	background-color: rgba(10,10,10,0.65);
	color:#FFF;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 35px;
	height:35px;
}
