@charset "utf-8";

h1 {
  height:380px;
  background:url("../img/title.png") no-repeat bottom center;
  text-indent:-9999px;
}

#boxNewsSpace {
  padding:5px 50px 80px 50px;
}

#boxNews {
  background:rgba(255,255,255,0.7);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#boxNews #boxNewsNavi {
}
#boxNews #boxNewsNavi h2 {
  float:left;
  display:block;
  padding:0;
  width:100%;
  height:50px;
  background:url("../img/item_oshirase.png") no-repeat 10px 10px;
  text-indent:-9999px;
  border-bottom:1px solid #99D6E9;
}

#boxNews #boxNewsFrame {
  padding:15px;
}
#boxNews #boxNewsFrame dl {
  font-size:15px;
  line-height:20px;
}
#boxNews #boxNewsFrame dl dt {
}
#boxNews #boxNewsFrame dl dd {
  margin-left:100px;
  margin-top:-20px;
  margin-bottom:5px;
}
#boxNews #boxNewsFrame dl dd a {
  color:#000;
}

#sp_boxNews {
  display:none;
}

.infoBox {
  padding:30px 0;
}
.infoBox h2 {
  height:40px;
  text-indent:-9999px;
  border-bottom:1px solid #666;
}
.infoBox h2#itemHot {
  background:url("../img/item_hot.png") no-repeat top center;
}
.infoBox h2#itemTeiban {
  background:url("../img/item_teiban.png") no-repeat top center;
}
.infoBox ul {
  padding:10px 0 20px;
  list-style:none;
}
.infoBox ul li {
  padding-bottom:2px;
  list-style:none;
  line-height:0;
}
.infoBox ul li a {
  display:block;
  text-align:center;
}
.infoBox ul li a:hover {
}
.infoBox ul li a:hover {
  filter:alpha(opacity=70); 
  -moz-opacity: 0.7; 
  opacity: 0.7; 
}
.infoBox ul li a img {
  width:100%;
}

#frameForm {
  padding:50px 0 0 0;
}

#boxContactForm {
  padding:30px;
  background:#fff;
  border-radius:6px;
  font-size:15px;
  line-height:18px;
}
#boxContactForm ul {
  padding:5px  0;
  list-style:none;
}
#boxContactForm ul li {
  padding-bottom:5px;
  list-style:none;
}
#boxContactForm label {
  padding:0 20px 0 5px;
  cursor:pointer;
}
#boxContactForm dl {
  padding:9px 0;
}
#boxContactForm p,
#boxContactForm dl dt {
  font-weight:bold;
}
#boxContactForm p#msg {
/*
display:none;
*/
padding:20px 0 10px;
  color:#336699;
}
#boxContactForm dl dd {
  margin-top:-18px;
  margin-left:200px;
  margin-bottom:12px;
}
#boxContactForm input.fill {
  padding:9px;
  border:1px solid #ccc;
  border-radius:6px;
}
#boxContactForm input.fill:focus {
  background:#ff0;
}
#boxContactForm .widthSS {
  width:50px;
}
#boxContactForm .widthS {
  width:100px;
}
#boxContactForm .widthM {
  width:200px;
}
#boxContactForm .widthL {
  width:400px;
}
#boxContactForm .IMEOff {
  ime-mode:disabled;
}
#boxContactForm #btnSubmit {
  padding:9px 30px;
  font-size:20px;
  font-weight:bold;
  color:#fff;
  background:#f90;
  border-radius:6px;
  cursor:pointer;
}
#boxContactForm #btnSubmit:hover {
  background:#fc0;
}
#boxContactForm #box0 {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:3px solid #ccc;
}
#boxContactForm #box1 ul {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:3px dotted #ccc;
}
#boxContactForm #box2 {
  display:none;
}
#boxContactForm #box3 {
}
#boxContactForm #box4 {
  display:none;
}
#boxContactForm #box5 {
  margin-top:20px;
  padding-top:20px;
  border-top:3px solid #ccc;
}
#boxContactForm span {
  display:none;
  padding:6px 0;
  color:#f00;
  font-size:12px;
}
#boxContactForm #message {
  font-size:18px;
  line-height:1.7em;
}

/*
.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
*/






/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
/*
@media print, screen and (max-width: 640px) {
*/
@media screen and (max-width: 640px) {

h1 {
  margin:30px 0;
  height:250px;
  background-size:contain;
}

#boxNewsSpace {
  padding:10px 10px 30px 10px;
}

#boxNews #boxNewsNavi h2 {
  float:none;
}
#boxNews ul#boxNewsNaviMain {
  float:none;
}
#boxNews ul#boxNewsNaviMain li span {
  padding:13px 8px 12px 8px;
  font-size:10px;
  background-image:none;
}
#boxNews ul#boxNewsNaviMain li span.on {
  background-image:none;
}

#boxNews #boxNewsFrame dl dd {
  margin-left:0;
  margin-top:2px;
  margin-bottom:8px;
}
#sp_boxNews {
  display:block;
}

.infoBox {
  display:block;
  padding:10px 0;
}
.infoBox h2 {
  height:40px;
  text-indent:-9999px;
  border-bottom:1px solid #666;
}
.infoBox ul {
  padding:10px 0;
  list-style:none;
}
.infoBox ul li {
  float:left;
  padding-bottom:2px;
  width:50%;
  list-style:none;
  line-height:0;
}

#boxContactForm dl dd {
  margin-top:5px;
  margin-left:0px;
  margin-bottom:12px;
}
#boxContactForm .widthL {
  width:90%;
}


}