@charset "utf-8";
/* CSS Document */


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
position: fixed;
bottom: 0;
	background-color: rgba(230,230,230,1.00);
width: 100%;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s
}


/* The Close Button */
.close {
background-color: #787878;
font-size: 16px;
line-height: 16px;
color: #FFFFFF;
padding-top: 8px;
padding-left: 20px;
padding-bottom: 5px;
border-radius: 0px;
text-align: center;
}

.close:hover,
.close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}

.modal-header {
background-color: #5cb85c;
color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}



.close {
width: 700px !important;
margin-right: auto;
margin-left: auto;
}

#rireki_box {
width: 700px;
padding-top: 30px;
padding-bottom: 30px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.rireki_favo {
width: 700px;
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
}

.rireki_saikin {
width: 700px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}

.rirekititle {
background-color: #787878;
font-size: 20px;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 7px;
border-radius: 0px;
}




#recent, #favorite {
	width: 700px;
	margin-top: 25px;
	border-bottom: 1px dotted rgba(0,0,0,1.00);
	min-height: 240px;
}

#recentItems {
margin: 0px;
padding: 0px;
}

#recentItems ul {
margin-left: -25px;
}

#recentItems ul li {
width: 216px;
margin-left: 25px;
position: relative;
float: left;
height: 310px;
}

#recentItems .recentimg {
width: 215px;
height: 215px;
	background-image: url(../../images/img_back200.png);
background-size: 100% auto;
border-radius: 0px;
}

#recentItems .recentimg img {
width: 100%;
height: auto;
vertical-align: top;
margin: 0px;
padding: 0px;
border-radius: 0px;
}

#recentItems .noimage {
width: 215px;
height: 215px;
	background-image: url(../../images/img_back200.png);
background-size: 100% auto;
border-radius: 0px;
}

#recentItems .noimage img {
width: 100%;
height: auto;
vertical-align: top;
margin: 0px;
padding: 0px;
border-radius: 0px;
}

#recentItems .recentimg img:hover {
  opacity: 1 !important;
  filter: alpha(opacity=100)!important;
  -ms-filter: "alpha(opacity=100)"!important;
}


.recentposition {
font-size: 12px !important;
line-height: 18px;
width: 215px;
text-align: center;
	text-align: center;
	padding-top: 30px
}

.recentname {
font-size: 20px;
line-height: 24px;
font-weight: 600;
width: 215px;
text-align: center;
padding-top: 5px;
}

.recentshop {
color: #FFF;
font-size: 14px !important;
line-height: 14px;
width: 215px;
background-color: #000;
padding-top: 7px;
padding-bottom: 5px;
border-radius: 0px;
position: absolute;
z-index: 30;
left: 0px;
top: 215px;
text-align: center;
}




.sakuzyo {
margin-top: 20px;
margin-right: auto;
margin-left: auto;
font-size: 16px;
line-height: 16px;
padding-top: 5px;
padding-bottom: 5px;
width: 80px;
text-align: center;
border-radius: 0px;
border: 1px solid rgba(0,0,0,1.00);
margin-bottom: 60px;
}




.sakuzyo a:link {
color: #000;
text-decoration:none;
}

.sakuzyo a:visited {
color: #000;
text-decoration:none;
}

.sakuzyo:hover {
color: #000;
background-color: #999;
text-decoration: none;
}




/* 閲覧ボタン */


.rireki {
width: 100%;
padding-top: 25px;
padding-bottom: 23px;
font-size: 30px;
line-height: 30px !important;
text-align: center;
color: #FFF;
background-color: rgba(0,0,0,0.7);
border-style: none;
z-index: 999998; /* Sit on top */
position: fixed;
bottom: -3px;
box-shadow: 0px -4px 6px rgba(0,0,0,0.2);
}

.okinifont {
font-size: 24px !important;
vertical-align: middle !important;
}










/* お気に入りボタン */

.favo_host {
width: 240px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
line-height: 20px;
text-align: center;
border: 1px solid rgba(0,0,0,1.00);
border-radius: 0px;
position: absolute;
z-index: 9999999;
top: -75px;
left: 180px;
}


.favo_host a:link {
color: #000;
}

.favo_host a:visited {
color: #000;
}

.favo_host:hover {
color: #000;
background-color: #ccc;
}




footer {
padding-bottom: 80px !important;
background-color: #727272 !important;


.back {
margin-bottom: 60px !important;
margin-top: 50px !important;
}

.infoicon {
margin-bottom: 100px !important;
}