@charset "UTF-8";

/* topNotice / inpNotice ----------------------------------------------------------------- */

#inpNotice,
#topNotice{
  color:#ccc;
  margin:20px auto 0;
  max-width:800px;
  line-height: 1.3;
}
@media screen and (max-width: 899px){
  #inpNotice,
  #topNotice{width: auto;}
}
#inpNotice h6,
#topNotice h6{
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 15px;
}
#inpNotice a,
#topNotice a{
  color: #ffc;
}
#inpNotice table,
#topNotice table{
  margin:0 auto 10px;
  border-bottom:1px solid #7A7A56;
  font-size:14px;
  color:#ccc;
}
#inpNotice th,
#topNotice th{
  border-top:1px solid #7A7A56;
}
#inpNotice tr,
#topNotice tr{
  height:50px;
}
#inpNotice td,
#topNotice td{
  border-top:1px solid #7A7A56;
}
.noticeRow1{
  width:120px;
  text-align:center;
}

.noticeRow2{
  padding:0 10px;
}

#topNotice ol{
  padding:10px 10px 10px 30px;
  list-style-type:decimal;
}
#topNotice ol li{
  margin-bottom:10px;
}
#topNotice ul{
  border-top:1px solid #333;
  padding:10px 10px 10px 20px;
  list-style-type:disc;
}

/* inpNotice ----------------------------------------------------------------- */

#inpNotice ul{
  padding:0 0 10px 15px;
  border-bottom:1px dashed #b38808;
  list-style-type:disc;
}
#inpNotice ul{
  padding:0 0 10px 15px;
  border-bottom:1px dashed #b38808;
  list-style-type:disc;
  list-style-position: inside;
}
#inpNotice dl{
  padding:15px 0 0;
}
#inpNotice dl dt{
  padding:0 10px;
  font-weight:bold;
}
#inpNotice dl dd{
  padding:0 30px;
}

#inpNotice dl dt.title{
  background-color:#7A7A56;
  font-size:14px;
  text-align:center;
  padding:3px 0;
  margin:0 0 15px;
}
#inpNotice dl dd.subTitle{
  margin:0 0 15px;
  padding:0 10px;
}

/*================*/
/*#recoCont*/
/*================*/
#recoCont{
  position: relative;
  margin: 30px auto 0;
  padding-bottom: 1px;
  max-width: 798px;
}
#recoCont h4{
  text-align: center;
  margin: 0 auto 20px;
}


#recoCont .box1{}
#recoCont li{
  border: 1px solid #3C5781;
  padding: 20px;
  margin: 0 auto 16px;
}
#recoCont li img{
  float: left;
  margin:0 20px 20px 0;
}
#recoCont li h5{margin-bottom: 10px;}
#recoCont li h5 a{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}
#recoCont li .cap{
  font-size: 14px;
  line-height: 1.6;
}

#recoCont .box2{
  text-align: center;
  padding:30px 10px;
}
#recoCont .box2 img{
  text-align: center;
  margin: 5px;
}

@media screen and (min-width: 900px) { /* 900px以上(pc) */
  #recoCont li h5 a{font-size: 25px;}
}
@media screen and (max-width: 479px){ /* 479px以下(sp) */
  #recoCont li{padding: 20px 5px;}
  #recoCont li img{
    width: 96px;
    margin:0 10px 10px 0;
  }
  #recoCont li h5 a{font-size: 18px;}
  #recoCont li .cap{clear: both;}
}


/* kuchikomi ----------------------------------------------------------------- */
#kuchikomi{
  height:115px;
  text-align:center;
  color: #CCC;
}
#kuchikomi p.kuchikomiText{text-align: center;}
/* yahBanner ----------------------------------------------------------------- */
table#yahBanner{
  max-width:500px;
  margin:20px auto 0;
  font-size: 1.3rem;
}
table#yahBanner img{
}
table#yahBanner .text{
  color:#CCC;
  text-align:center;
}


/* .bnr_newlife2016 -------------------------------*/
.bnr_newlife2016{
  text-align: center;
  margin: 10px auto 30px;
}

/*================*/
/*.yahFooterLink*/
/*================*/
.yahFooterLink{
  text-align: center;
  line-height: 1.5;
}
.yahFooterLink a{color: #fee;}
.yahFooterLink a:hover{color: #fdf;}

#yahHeader{
  background-color: #fff;
  width: 100%;
  padding: 10px;
  height: 50px;
}

.yahHeaderIcon{
  float: left;
  position: relative;
  z-index: 10;
}
.yahHeaderLink{
  text-align: right;
  float: right;
  /*margin-top: -22px;*/
}
.yahHeaderLink a:visited,
.yahHeaderLink a:link{
  color: #0090ff;
}

#headerSns,
.yahHeaderLink{position: relative; }
#headerSns .twitter{margin-right: 5px; }

#headerSns div{
  position: relative;
  display: inline-block;

}
.yahHeaderIcon a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 640px) { /* 640px以上（pct） */
}
@media screen and (min-width: 900px) { /* 900px以上(pc) */
  #yahHeader .inner{width: 900px;margin: 0 auto;}
  #headerSns{padding-left: 200px; }
}
@media screen and (min-width: 640px) and (max-width: 899px) { /* 640px - 899px(tb) */
}
@media screen and (min-width: 480px) and (max-width: 639px) { /* 480px - 639px(lp) */
}
@media screen and (max-width: 899px) { /* 899px以下(nepc) */
  #yahHeader{height: auto;}
  .yahHeaderIcon,
  .yahHeaderLink{display: none;}
  #headerSns{text-align: center;}

}
@media screen and (max-width: 639px) { /* 639px以下(smp) */
}
@media screen and (max-width: 410px){ /* 410px以下(sp) */
}

/*================*/
/*yahooScript上書き*/
/*================*/
#yahoo_loginArea p{text-align: center;}
.emg strong{font-weight: bold;}

#hdBlack{
  box-sizing: content-box;
}