@charset "utf-8";
/* ------------------------------------------------------------ common */
#view.pages	{ background: url(../images/blogs/fv.jpg) no-repeat center center; background-size: cover; min-width: 1000px; }
#view.pages h2 { color: #fff; text-shadow: 1px 1px 10px #b7b9b7; }
/* ------------------------------------------------------------ common */
h3,
h4,
h5 { font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }

body { background: #f3f1e8; }
#main-wrap { margin: 0 0 50px; padding: 0 0 50px;  }
#main { margin: 0 auto; padding: 50px 0 0; }

#magzy-aside { width: 230px; }
#magzy-aside dl { background: #fff; margin: 0 0 20px; }
#magzy-aside dl dt { background: #6d4b40; color: #fff; font-size: 14px; font-weight: bold; text-align: center; padding: 7px 0; }
#magzy-aside dl dd ul li { border-bottom: 1px solid #f3f3f3; padding: 10px; }
#magzy-aside dl dd ul li img { float: left; width: 78px; height: auto; }
#magzy-aside dl dd ul li p { line-height: 140%; padding: 0 0 0 90px; }
#magzy-aside dl dd ul li p small { display: block; color: #ba0101; }
#magzy-aside dl dd ul li span { float: right; display: inline-block; *display: inline; *zoom: 1; background: #f4f4f4; padding: 0 10px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* ------------------------------------------------------------ list */

#magzy-list { width: 730px; }
#magzy-list .article { background: #fff; width: 230px; margin: 0 5px 10px; float: left; height: 330px; }
#magzy-list .article .thumb { position: relative; }
#magzy-list .article .thumb img { width: 100%; height: auto; }
#magzy-list .article .thumb span { display: block; position: absolute; bottom: 7px; left: 0; font-size: 11px; color: #fff; padding: 0 15px; }
#magzy-list .article .detail { padding: 15px; }
#magzy-list .article .detail small { color: #ba0101; }
#magzy-list .article .detail h4 { font-weight: bold; padding: 5px 0; }
#magzy-list .article .detail p { padding: 0 0 5px; font-size: 12px; }

/* ------------------------------------------------------------ detail */

#magzy-detail { background: #fff; width: 650px; padding: 30px 40px; }
#magzy-detail h3 { font-size: 20px; font-weight: bold; padding: 25px 0; }
#magzy-detail .title span { display: inline-block; *display: inline; *zoom: 1; color: #fff; font-size: 10px; padding: 0 15px; margin: 0 12px 0 0; }
#magzy-detail #magzy-body { font-size: 16px; }
#magzy-detail #magzy-body h4 { font-size: 17px; font-weight: bold; padding: 10px; background: #f5f5f5; }
#magzy-detail #magzy-body p { padding: 10px 0; }
#magzy-detail #magzy-body a { color: #2d909d; text-decoration: underline; }
#magzy-detail .btn { padding: 30px 0; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
#view.pages	{ min-width: 100%; }


#main { margin: 0; padding: 50px 0 0; }

#magzy-aside { width: 90%; padding: 10px 5% 0; }
#magzy-list { width: 90%; padding: 0 5%; }
#magzy-detail { width: 86%; padding: 30px 5%; margin: 0 2%; }

#magzy-list .article { width: 46%; height: inherit; margin: 0 2% 10px; }
#magzy-list .article img,
#magzy-detail img { width: 100%; height: auto; }

#magzy-detail .btn a.gray { width: 80%; }
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}
@media only screen and (max-width:535px){

#magzy-list .article { width: 100%; margin: 0 0 10px; }

}