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

#top-contents {
	margin: 0;
/*	overflow: hidden;*/
	width: 1000px;
}

.key-visual-top {
  margin-top: 20px;
}

.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
}

.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}

/*
#top-category {
	overflow: hidden;
	padding: 10px 0;
}

.top-category-list {
	border: 1px solid #D5D5D5;
	float: left;
	padding: 25px;
	width: 275px;
	height: 320px;
	position: relative;
}

.top-category-list h3 {
	border-left: 4px solid #D5D5D5;
	font-size: 16px;
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 1.2;
}

.mg-left9 {
	margin-left: 9px;
}

.top-category-list img {
	position: absolute;
	bottom: 25px;
	left: 25px;
}
*/

/* ======================================== */
/* 200321 sugaya 追加 */
/* ======================================== */

/*
.box-top-category {
	overflow: hidden;
  margin: 30px auto;
}
*/

.box-top-category {
  display: flex;
  flex-wrap: wrap;
/*  justify-content: space-between;*/
  margin: 30px auto;
  width: 996px;
}

/*
.top-list-active-miyabi , .top-list-active , .top-list-yorimichi , .top-list-yorisoi1 , .top-list-yorisoi2 , .top-list-goods , .top-list-akiya {
	float: left;
	padding: 25px;
	width: 275px;
  margin: 7px 0;
}
*/

.top-list-active-hibiki, .top-list-active-miyabi , .top-list-active , .top-list-yorimichi , .top-list-yorisoi1 , .top-list-yorisoi2 , .top-list-goods , .top-list-akiya {
  width: 328px;
  padding: 25px;
  margin: 7px 2px;
  box-sizing: border-box;
}

.top-list-active-hibiki {
	border: 2px solid #B82323;
}

.top-list-active-miyabi {
	border: 2px solid #a55b9a;
}

.top-list-active {
	border: 2px solid #39A869;
}

.top-list-yorimichi {
	border: 2px solid #73B9FF;
}

.top-list-yorisoi1 {
	border: 2px solid #FFE006;
}

.top-list-yorisoi2 {
	border: 2px solid #8EDC0E;
}

.top-list-goods {
	border: 2px solid #FC810F;
}

.top-list-akiya {
	border: 2px solid #FBB96B;
}

h3.h3-active-hibiki, h3.h3-active-miyabi , h3.h3-active , h3.h3-yorimichi , h3.h3-yorisoi1 , h3.h3-yorisoi2 , h3.h3-goods , h3.h3-akiya {
	font-size: 16px;
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 1.5;
}

h3.h3-active-hibiki a, h3.h3-active-miyabi a , h3.h3-active a , h3.h3-yorimichi a , h3.h3-yorisoi1 a , h3.h3-yorisoi2 a , h3.h3-goods a , h3.h3-akiya a {
	text-decoration: none;
}

h3.h3-active-hibiki {
	border-left: 4px solid #B82323;
}

h3.h3-active-miyabi {
	border-left: 4px solid #a55b9a;
}

h3.h3-active {
	border-left: 4px solid #39A869;
}

h3.h3-yorimichi {
	border-left: 4px solid #73B9FF;
}

h3.h3-yorisoi1 {
	border-left: 4px solid #FFE006;
}

h3.h3-yorisoi2 {
	border-left: 4px solid #8EDC0E;
}

h3.h3-goods {
	border-left: 4px solid #FC810F;
}

h3.h3-akiya {
	border-left: 4px solid #FBB96B;
}

.fs-12 {
	font-size: 12px;
}

p.cmt-top-category {
  margin: 15px 0;
}

p.btn-detail a {
  display: block;
  text-align: center;
  font-size: 11px;
  width: 40%;
  padding: 5px 10px;
  margin: 20px auto 0;
  background-color: #888888;
/*
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFA84C), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFA84C),color-stop(.75, #FFA84C), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 4px 4px;
*/
  text-decoration: none;
  color: #FFF;
/*  border: 1px solid #FF8300;*/
  box-sizing: border-box;
}

p.btn-detail a:hover {
  opacity: 0.7;
}

.mg-left6 {
	margin-left: 6px;
}

.mg-left7 {
	margin-left: 7px;
}








#top-message {
	border: 1px solid #D5D5D5;
	margin: 0 0 20px 0;
	padding: 15px 25px;
	background-color: #F9F9F9;
	clear: both;
}

#top-message h4 {
	color: #67A61A;
	font-size: 18px;
	margin: 5px 0 10px 0;
  line-height: 1.5;
}

#top-message p {
	color: #575757;
	line-height: 1.8;
}

.top-category-ad {
	color: #818181;
	font-size: 11px;
	padding-top: 10px;
	text-align: right;
}

#top-info {
  padding: 10px 0;
  margin: 20px 0 10px 0;
  background-color: #EBEBEB;
  text-align: center;
}

/*-
#top-info {
	overflow: hidden;
	padding: 0;
	margin: 20px 0 10px 0;
}
-*/

#blog {
	border: 4px solid #DFDFDF;
	border-top: none;
	float: left;
	width: 472px;
	position: relative;
	height: 258px;
	z-index: 0;
	margin: 0;
}

#blog h3 {
	position: absolute;
	top: 0;
	left: -4px;
	width: 472px;
	z-index: 5;
}

#feeds {
	padding: 80px 10px 5px 10px;
	overflow: hidden;
}

#feeds dl {
	padding: 5px;
	overflow: hidden;
}

#feeds dt {
    float: left;
	clear: both;
	width: 85px;
	padding: 5px 0;
	margin: 0;
	/*line-height:1.8;*/
	display: block;
}


#feeds dd {
	padding: 5px 0 5px 85px;
	margin: 0;
	line-height:1.7;
}

#feeds dd  img {
	padding-left: 5px;
	/*padding-bottom: 2px;*/
}

#feeds dd a {
	display: block;
}

/*- -*/
#facebook {
	margin: 0 auto;
	padding:	10px 0;
	width: 480px;
}

/*-
#facebook {
	float: right;
	width: 480px;
}
-*/

#bnt-support {
	float: left;
	width: 860px;
}

#bnt-s-kensyu {
	margin: 10px 0 0 0;
}

.bnr-box {
	margin-bottom: 10px;
}


/* ============================== */
/* スマホ */
/* ============================== */

/*@media screen and (max-width: 999px) {*/
@media screen and (max-width: 599px) {


#top-contents {
  margin: 0;
  width: 100%;
}

.box-top-category {
  width: 90%;

  display: flex;
  flex-direction: column;
/*
  flex-wrap: wrap;
  justify-content: space-between;
*/
}

.top-list-active-hibiki,
.top-list-active-miyabi,
.top-list-active ,
.top-list-yorimichi ,
.top-list-yorisoi1 ,
.top-list-yorisoi2 ,
.top-list-goods ,
.top-list-akiya {
  width: 100%;
  padding: 25px;
  margin: 2% 0;
  box-sizing: border-box;
}

.top-list-active-hibiki img ,
.top-list-active-miyabi img ,
.top-list-active img ,
.top-list-yorimichi img ,
.top-list-yorisoi1 img ,
.top-list-yorisoi2 img ,
.top-list-goods img ,
.top-list-akiya img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.bnr-box {
  width: 100%;
  margin: 30px 0;
}

.bnr-box img {
  width: 100%;
  height: auto;
}

#top-info {
  width: 90%;
  padding: 0;
  margin: 30px auto;
}

#top-message {
  width: 90%;
  margin: 30px auto;
  padding: 20px;
  box-sizing: border-box;
}

#top-message h4 {
  text-align: center;
}

.tpms {
  margin-top: 10px;
}
/*
#top-message {
	border: 1px solid #D5D5D5;
	margin: 0 0 20px 0;
	padding: 15px 25px;
	background-color: #F9F9F9;
	clear: both;
}
*/




}