@charset "UTF-8";

/*.disPc{display:none}*/
.disPc_s{display:none}

body{
  background:url(images/pc/cnt_bg.gif);
  -webkit-text-size-adjust:none;
}

a{color:#724d40}

#headWrapp{background:url(images/sp/header_bg.jpg) repeat-x; padding:0 5px;}

#header{
  width:100%;
  margin:0 auto;
  padding:15px 0 10px;
}

#header:after{
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

* html #header{ zoom:1; }

*:first-child+html #header{ zoom:1; }

#header #hLeft{text-align:center}

#header #hLeft a#logo{
  width:48%;
  height:80px;
  margin:0 auto;
  display:block;
  float:left;
  background:url(images/sp/logo.png) no-repeat;
  background-size:150px
}

#header #hCenter{margin-left:4px;}

#header #hCenter:after{
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

* html #header #hCenter{ zoom:1; }

*:first-child+html #header #hCenter{ zoom:1; }

#header #hCenter h1.boxTop{font-size:80%; color:#d2403b; font-weight:600; text-align:center; margin:5px 0;}

#spHcate{}

#spHcate span{width:45%;padding:4px 5px; border:1px solid #dd0000; border-radius:5px; margin-bottom:7px; float:left; display:block;font-size:95%; margin-left:5px; background-color:#cc0000; text-decoration:none;color:#fff;}

#searchBox{}

#searchBox input[type="text"]{width:71%; padding:10px; border-radius:5px;font-size:100%;border:1px solid #ccc;}

#searchBox input[type="submit"]{font-weight:600; padding:9px 10px; border-radius:5px; border:1px solid #ccc; cursor:pointer;
  font-size:90%;
  width:20%;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:#cc0000;
  color:#fff
}

#header #hCenter .boxBtm{
  width:93%;
  font-size:80%;
  background-color:#faf9f1;
  border:1px solid #ded19b;
  border-radius:5px;
  margin-top:5px;
  padding:10px;
  position:relative;
}

.hotkeyArrow{
  position:absolute;
  top:-7px;
  left:10px
}

#cntsWrapp{
  padding:0 5px
}

#mCnt{padding:5px 0;}

#topinfo {
background:#ffffff; border: 1px solid #E8E2BA; padding:5px; margin-bottom:10px; font-size:80%; text-align:center; font-weight:400; line-height:140%;
}

#footerWrapp{
  background:url(images/sp/footer_bg.jpg) center bottom repeat-x;
  padding:10px 0 10px;
}

#footerWrapp #footer{width:100%; text-align:center; margin:0 auto;}

#footer ul{list-style:none; width:15em; margin:0 auto}

#footer ul:after{
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

* html #footer ul{ zoom:1; }

*:first-child+html #footer ul{ zoom:1; }

#footer ul li{padding-left:1em; float:left;}

#footer ul li:first-child{padding-left:0;}

#footer p{text-align:center;}

#copyright{font-size:75%; margin-top:5px;}

.post{
  border:1px solid #e8e2ba;
  margin-bottom:20px;
  padding:15px 5px;
  background:#fff url(images/pc/post_bg_top.gif) left top repeat-x;
  position:relative;
}

.post .box{}

.post .box .dateLabel{
  color:#fff;
  font-size:80%;
  font-weight:600;
  background:url(images/pc/date_label.png) left top no-repeat;
  padding:15px 8px;
  position:absolute;
  left:10px;
  background-size:100% 100%;
}

.post .box h2.postTitle{font-size:150%; color:#e56662; margin-top:0;}

.post .box h1.postTitle{font-size:150%; color:#e56662; margin:10px 0 10px;}

.postTime{float:right; margin-bottom:10px; border-radius:5px; padding:3px; background-color:#aaa; color:#fff;}


.post .box .pict img{width:100%;}

.post .box p.postDes{
  color:#724d40;
  line-height:1.8;
  margin-bottom:0px;
}

.post .box .postLink{
  margin:0;
  padding:0;
  text-align:right;

}

.post .box p.postDes{margin-bottom:10px;}

.post .box .mVolume{font-weight:600; margin:0 0 15px;}

.post .box .mVolume span{font-size:50%; font-weight:300;}

.post .box .material ul{margin:0 0 10px; padding:0px 0 10px; border-bottom:2px dashed #e1d9d6; list-style:none;}

.post .box .material ul:after{
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

* html .post .box .material ul{ zoom:1; }

*:first-child+html .post .box .material ul{ zoom:1; }

.post .box .material li.mName{float:left; padding-left:5px;}

.post .box .material li.mValue{float:right; padding-right:5px;}

.postLink img{width:30%;}

.spTitle{font-size:120%; font-weight:600; margin:0 0 15px; background-color:#cfc9a6; padding:0 5px;}

.orderDes{color:#666; margin-bottom:10px;}

.orderTitle{background-color:#eee; padding:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:5px;}

.orderPict img{width:100%;}

.point{margin-top:15px;}

.point p{color:#666; margin-bottom:10px;}

#close, #close2{background-color:#c00; text-align:center; padding:10px; border-bottom:1px solid #aa0000; color:#fff; font-size:120%;}

#menu, #menu2{

}

#menu a, #menu2 a{
  display:block;
  text-decoration:none;
}

#menu li, #menu2 li{
  padding:10px;
  border-bottom:1px solid #666;
}

div#rCnt {
    border: 1px solid #e8e2ba;
    margin-bottom: 20px;
    padding: 15px 5px;
    background: #fff url(images/pc/post_bg_top.gif) left top repeat-x;
    position: relative;
}

div#rCnt h3 {
    padding: 10px 0 10px 0;
}

.clearfix:after{
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

* html .clearfix{ zoom:1; }

*:first-child+html .clearfix{ zoom:1; }

.postNew{
  display:inline-block;
  margin-bottom:5px;
  padding:0 10px;
  border:1px solid #C50000;
  color:#C50000;
  font-weight:bold;
}

.postView{
  font-size:14px;
  font-style:italic;
}

.postViewUnit{
  font-size:12px;
  margin-left:5px;
}

.ranking{
  position:relative;
  margin-bottom:20px;
}

.ranking_ListBtn{
  display:block;
 margin-top:20px;
  text-align:center;
}

.ranking img{
  max-width:100%;
}

.ranking_items{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  min-width:100%;
  list-style-type:none;
  margin-bottom:-20px;

}

.ranking_items > *:first-child{margin-left:0 !important}

.ranking_items > *:last-child{margin-right:0 !important}

.ranking_item{
  box-sizing:border-box;
  position:relative;
  -webkit-flex:0 0 auto;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:100%;
  margin-bottom:20px;
}

.ranking_item:nth-child(n){margin-right:1.5%;margin-left:1.5%}

.ranking_item:nth-child(1n){margin-right:0}

.ranking_item:nth-child(1n+1){margin-left:0}

.ranking_Icon{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-bottom:10px;
}

.ranking_Num{
  margin-left:3px;
  margin-right:3px;
  font-size:20px;
  font-weight:bold;
  line-height:1;
}

.ranking_NumUnit{
  -webkit-align-self:flex-end;
      -ms-flex-item-align:end;
          align-self:flex-end;
  font-size:13px;
  line-height:1;
}

.itemUnit{
  padding:10px;
  background:#fff;
}

.itemUnit img{
  max-width:100%;
}

.itemUnit_Pict{
  margin-bottom:10px;
  padding:6px;
  background:url(images/pc/pict_bg.gif) left top;
  font-size:0;
}

.itemUnit_Title{
  font-size:16px;
}

.itemUnit_Title a{
  color:#BD443F;
}

.itemUnit_View{
  margin-top:3px;
  font-style:italic;
  font-size:12px;
  color:#333333;
}

.itemUnit_ViewUnit{
  margin-left:5px;
  font-size:10px;
}

.recommend{
  margin-bottom:20px;
}

.recommend img{
  max-width:100%;
}

.recommend_items{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  min-width:100%;
  list-style-type:none;
  margin-bottom:-20px;
}

.recommend_items > *:first-child{margin-left:0 !important}

.recommend_items > *:last-child{margin-right:0 !important}

.recommend_item{
  box-sizing:border-box;
  position:relative;
  -webkit-flex:0 0 auto;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:100%;
  margin-bottom:20px;
}

.recommend_item:nth-child(n){margin-right:1.5%;margin-left:1.5%}

.recommend_item:nth-child(1n){margin-right:0}

.recommend_item:nth-child(1n+1){margin-left:0}

.datePost{
  width:100%;
  margin-bottom:10px;
  font-size:12px;
}

.heading{

}

.heading .postTitle{
  display:block;
  width:100%;
}

.printBtn{
  display:none;
}

.related{
  margin-bottom:20px;
}

.related_items{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  min-width:100%;
  list-style-type:none;
  margin-bottom:-20px;
}

.related_items > *:first-child{margin-left:0 !important}

.related_items > *:last-child{margin-right:0 !important}

.related_item{
  box-sizing:border-box;
  position:relative;
  -webkit-flex:0 0 auto;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:48.5%;
  margin-bottom:20px;
}

.related_item:nth-child(n){margin-right:1.5%;margin-left:1.5%}

.related_item:nth-child(2n){margin-right:0}

.related_item:nth-child(2n+1){margin-left:0}

.related_item .itemUnit{
  padding:0;
}


/*# sourceMappingURL=style.css.map */


.disPc {
	display:none;
}

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}