/*===============================================
	style.css  PCベース
===============================================*/
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 1000px;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
  background: url("../img/bg.png");
  padding-bottom: 60px;
}

header {
  width: 100%;
  height: 165px;
  background: url("../img/bg_red.png");
}
header h1 {
  display: block;
  width: 960px;
  margin: auto;
  padding-top: 12px;
}

#intro {
  font-size: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

#howto {
  display: block;
  width: 960px;
  height: 120px;
  margin: auto;
  background: url("../img/howtodl.png") no-repeat 0 16px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#howto ul {
  list-style: none;
}

article {
  width: 100%;
  background-repeat: repeat-x;
}

article ul,
article h2 {
  padding: 0;
  margin: 0;
  width: 960px;
  margin: auto;
}

article h2 {
  margin-bottom: 12px;
  display: block;
  background-repeat: no-repeat;
  background-position: 6px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.thumblist {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.thumblist li {
  display: box;
  float: left;
  margin-bottom: 40px;
  padding: 0 6px;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
}

.thumblist li img.thumb,
.thumblist li img.thumb_c,
.thumblist li img.thumb_h {
  border: solid 1px #000;
  margin-bottom: 8px;
}

.thumblist li a {
}
.thumblist li img.n3d,
.thumblist li img.n2d {
  position: absolute;
  top: -12px;
  right: 0;
}

/* ---------------------------------------- molcar3D */
#molcar3D {
  background-image: url("../img/dot_ho.png");
  background-position: 0 72px;
}
#molcar3D h2 {
  height: 155px;
  background-image: url("../img/3Dmolcar_h2.png");
}
#molcar3D .thumblist img.thumb:hover {
  border-color: #e60012;
}

/* ---------------------------------------- thomasNew */
#thomasNew {
  background-image: url("../img/dot4.png");
  background-position: 0 72px;
}
#thomasNew h2 {
  height: 155px;
  background-image: url("../img/thomasNew_h2.png");
}
#thomasNew .thumblist img.thumb:hover {
  border-color: #008cda;
}

/* ---------------------------------------- vehiclezoo */
#vehiclezoo {
  background-image: url("../img/dot7.png");
  background-position: 0 72px;
}
#vehiclezoo h2 {
  height: 155px;
  background-image: url("../img/vehiclezoo_h2.png");
}
#vehiclezoo .thumblist img.thumb:hover {
  border-color: #e3002c;
}

/* ---------------------------------------- molcar */
#molcar {
  background-image: url("../img/dot_ho.png");
  background-position: 0 72px;
}
#molcar h2 {
  height: 155px;
  background-image: url("../img/mo_h2.png");
}
#molcar .thumblist img.thumb:hover {
  border-color: #e60012;
}

/* ---------------------------------------- obakezukan */
#obakezukan {
  background-image: url("../img/dot3.png");
  background-position: 0 72px;
}
#obakezukan h2 {
  height: 155px;
  background-image: url("../img/oz_h2.png");
}
#obakezukan .thumblist img.thumb:hover {
  border-color: #e60012;
}

/* ---------------------------------------- kumarba */
#kumarba {
  background-image: url("../img/dot6.png");
  background-position: 0 72px;
}
#kumarba h2 {
  height: 155px;
  background-image: url("../img/ku_h2.png");
}
#kumarba .thumblist img.thumb:hover {
  border-color: #e60012;
}

/* ---------------------------------------- hoppe */
#hoppe {
  background-image: url("../img/dot_ho.png");
  background-position: 0 72px;
}
#hoppe h2 {
  height: 155px;
  background-image: url("../img/ho_h2.png");
}
#hoppe .thumblist img.thumb:hover {
  border-color: #e60012;
}

/* ---------------------------------------- sansan */
#sansan {
  background-image: url("../img/dot_san.png");
  background-position: 0 72px;
}
#sansan h2 {
  height: 155px;
  background-image: url("../img/san_h2.png");
}
#sansan .thumblist img.thumb:hover {
  border-color: #e60012;
}

/* ---------------------------------------- tsuburaya */
#tsuburaya {
  background-image: url("../img/dot_tb.png");
  background-position: 0 72px;
}
#tsuburaya h2 {
  height: 155px;
  background-image: url("../img/tb_h2.png");
}
#tsuburaya .thumblist img.thumb:hover {
  border-color: #e85db9;
}

/* ---------------------------------------- koudansha */
#koudansha {
  background-image: url("../img/dot_kd.png");
  background-position: 0 72px;
}
#koudansha h2 {
  height: 155px;
  background-image: url("../img/kd_h2.png");
}
#koudansha .thumblist img.thumb:hover {
  border-color: #e85db9;
}

/* ---------------------------------------- koupen
#koupen {
  background-image: url("../img/dot_kou.png");
  background-position: 0 72px;
}
#koupen h2 {
  height: 155px;
  background-image: url("../img/koupen_h2.png");
}
#koupen .thumblist img.thumb:hover {
  border-color: #ffdcd4;
} */

/* ---------------------------------------- kureshin */
#kureshin {
  background-image: url("../img/dot7.png");
  background-position: 0 72px;
}
#kureshin h2 {
  height: 155px;
  background-image: url("../img/shinchan_h2.png");
}
#kureshin .thumblist img.thumb:hover {
  border-color: #e3002c;
}

/* ---------------------------------------- sanrio */
#sanrio {
  background-image: url("../img/dot6.png");
  background-position: 0 72px;
}
#sanrio h2 {
  height: 155px;
  background-image: url("../img/sanrio_h2.png");
}
#sanrio .thumblist img.thumb:hover {
  border-color: #76332e;
}
#sanrio .thumblist img.thumb_c:hover {
  border-color: #52c3f1;
}
#sanrio .thumblist img.thumb_h:hover {
  border-color: #7f5c3a;
}

/* ---------------------------------------- hanakappa */
#hanakappa {
  background-image: url("../img/dot5.png");
  background-position: 0 54px;
}
#hanakappa h2 {
  height: 110px;
  background-image: url("../img/hanakappa_h2.png");
}
#hanakappa .thumblist img.thumb:hover {
  border-color: #3cb034;
}

/* ---------------------------------------- thomas */
#thomas {
  background-image: url("../img/dot4.png");
  background-position: 0 45px;
}
#thomas h2 {
  height: 90px;
  background-image: url("../img/thomas_h2.png");
}
#thomas .thumblist img.thumb:hover {
  border-color: #008cda;
}

/* ---------------------------------------- creater */
#creater {
  background-image: url("../img/dot3.png");
  background-position: 0 50px;
}
#creater h2 {
  height: 101px;
  background-image: url("../img/creater_h2.png");
}
#creater .thumblist img.thumb:hover {
  border-color: #a022e6;
}

/* ---------------------------------------- tomica */
#tomica {
  background-image: url("../img/dot1.png");
  background-position: 0 38px;
}
#tomica h2 {
  height: 72px;
  background-image: url("../img/tomica_h2.png");
}
#tomica .thumblist img.thumb:hover {
  border-color: #f00;
}

/* ---------------------------------------- licca */
#licca {
  background-image: url("../img/dot2.png");
  background-position: 0 28px;
}
#licca h2 {
  height: 52px;
  background-image: url("../img/licca_h2.png");
}
#licca .thumblist img.thumb:hover {
  border-color: #f69;
}

footer {
  padding: 0;
  text-align: right;
  position: absolute;
  bottom: -50px;
  width: 100%;
}
footer p {
  font-weight: bold;
  padding: 0 0.5em;
}

footer p span {
  font-size: 0.8em;
}

/*------------------*
 *	clearfix
 *------------------*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}