html, body {
  line-height:0px;
  font-family:'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo UI', sans-serif;
}
img {
  border :0px;
}
.sd {
  -moz-box-shadow: 1px 2px 5px #333;
  -webkit-box-shadow: 1px 2px 5px #333;
}
.footer-menu {
  padding:20px;width:920px;margin:0 auto;
}
.footer-menu li{
  text-indent:20px; float:left; font-size:12px; line-height:20px; list-style:none;
}
.footer-menu a, .ztfoot a{
  color:#fff; text-decoration:none;
}
.footer-menu a:hover, .ztfoot a:hover{
  color:#fff; text-decoration:underline;
}
.ztfoot {
  width:860px;padding:30px 50px;color:#fff;margin:0 auto;line-height:20px;font-size:14px;
}
h1.midasi {
  display:block;
  margin:10px auto;
  border-bottom:1px solid #fff;
  border-left:20px solid #fff;
  padding:5px 15px;
  font-weight:bold;
  font-size:20px;
  line-height:30px;
  color:#fff;
  text-shadow: 1px 1px 2px #000;
  border-radius:35px 0px 35px 0px;
  -moz-border-radius:35px 0px 35px 0px;
  -webkit-border-radius:35px 0px 35px 0px;
  -ms-border-radius:35px 0px 35px 0px;
}
h1.midasi small {
  padding-left:10px;
}
h2.midasi {
  display:block;
  margin:10px auto;
  border-bottom:1px solid #333;
  border-left:20px solid #333;
  padding:5px 15px;
  font-weight:bold;
  font-size:20px;
  line-height:30px;
  color:#333;
  border-radius:35px 0px 35px 0px;
  -moz-border-radius:35px 0px 35px 0px;
  -webkit-border-radius:35px 0px 35px 0px;
  -ms-border-radius:35px 0px 35px 0px;
}
h2.midasi small {
  padding-left:10px;
}
.article {
  width:920px;
  margin:0 auto;
  padding:20px;
  font-size:14px;
  line-height:28px;
}
.inlines td {
  margin:0;
  padding:0;
  text-indent:0px;
  line-height:0px;
  vertical-align:middle;
}

#header {
  position: fixed;
  top: 0px;
  left: 0px;
  width:100%;
  text-align:center;
  height:30px;
  border-bottom:3px solid #f0f000;
  z-index:1;
}
.loop{
  background-color:#00307c;
}
.rk{
  background-color:#b10103;
}
.ys{
  background-color:#336600;
}
.ys2{
  background-color:#882244;
}
.ac{
  background-color:#68acff;
}
.movie{
  background:url('../img/movie_cover.png') center no-repeat;
  font-size:12px;
  text-indent:0px;
  line-height:26px;
  text-align:left;
  width:680px;
  padding:80px;
  margin:0 auto;
}
/*.movie a{
  padding:0px;
  margin:17px 50px 0px 0px;
  float:right;
}*/
.movie .movie_open{
  padding:0px;
  margin:17px 50px 0px 0px;
  float:right;
}
.movie .movie_open:hover{
  cursor: pointer;
}
.movie .movie_main{
  display: none;
  position: fixed;
  top: 30px;
  left: calc(50% - 450px);
  width: 100%;
  max-width: 950px;
  margin: 20px auto;
  padding: 30px ;
  text-align: center;
  background-color: #ffffff;
  height: 540px;
  z-index: 6;
  overflow: hidden;
}
.movie .movie_main iframe {
  width: 100%;
  height: 100%;
  position: relative;
}
.movie p{
  margin:0px;
  padding-left:30px;
}
.modal_bg_movie {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.7);
  position:fixed;
  top:0;
  left:0;
  z-index: 5;
}
.movie_main:after {
  content: 'X';
  font-family: 'aw_iconset';
  font-style: normal;
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 10px;
  right: 5px;
  cursor: pointer;
}

/* sizelist */
.sizelist {
  margin: 5px;
}

.ittl {
  background-color: #333;
  color: #fff;
  font-size: 12px;
  /*line-height: 20px;*/
  padding-top: 1px;
}
.ittl h4 { text-align: center; line-height:5px; height:20px; position:relative;}

.ittl h4:before { content: "Series"; position:relative; left: -200px;}
.ittl:before { content: "Inch"; }

.ittl h4:before, .ittl:before {
  font-size: 12px;
  font-family: 'oswald';
}

.sizelist > ul, .sizelist > ul > li {
  padding-left: 50px; position: relative;
  text-align: left;
  list-style-type: none;
}

.sizelist > ul, .sizelist > ul > li {
  border-bottom: 1px dotted #ccc;
}
.sizelist > ul:first-child, .sizelist > ul li:last-child { border-bottom: 0; }

.sizelist > ul:before {
  position: absolute;
  top: 2px;
  top: calc(50% - 10px);
  line-height: 20px;
  left: 10px;
  text-align: center;
  display: inline-block;
  width: 30px;
  height: 20px;
  color: #fff;
  border-radius: 5px;
}
.sizelist > ul > li:before {
  position: absolute; top: 50%;
  line-height: 0;
  text-indent: -50px;
  text-align: center;
}
.sizelist a, .sizelist span {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 2px;
  line-height: 18px;
  padding-left: 5px; padding-right: 5px;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}
.sizelist a:hover {
  border-bottom: 1px solid #f90;
  margin-bottom: 1px;
  color: #f90;
}

.i8:before { content: "8"; background: #898989; }
.i9:before { content: "9"; background: #ab7189; }
.i10:before { content: "10"; background: #e8dc5a; }
.i12:before { content: "12"; background: #b3e41d; }
.i13:before { content: "13"; background: #1599e6; }
.i14:before { content: "14"; background: #f46a9a; }
.i15:before { content: "15"; background: #e6931f; }
.i16:before { content: "16"; background: #3eba2e; }
.i17:before { content: "17"; background: #6075c6; }
.i18:before { content: "18"; background: #ff6148; }
.i19:before { content: "19"; background: #019672; }
.i20:before { content: "20"; background: #8845a5; }
.i21:before { content: "21"; background: #70a9e2; }
.i22:before { content: "22"; background: #c93d36; }
.i23:before { content: "23"; background: #6879ba; }
.i24:before { content: "24"; background: #908e8e; }
.i28:before { content: "28"; background: #000000; }

.h30:before { content: "30"; }
.h35:before { content: "35"; }
.h40:before { content: "40"; }
.h45:before { content: "45"; }
.h50:before { content: "50"; }
.h55:before { content: "55"; }
.h60:before { content: "60"; }
.h65:before { content: "65"; }
.h70:before { content: "70"; }
.h75:before { content: "75"; }
.h80:before { content: "80"; }
.h85:before { content: "85"; }


/* modal */
#lineup_navi {
  margin-top: 15px;
}
#lineup_navi:first-child{
  border-left: 1px solid #fff;
}
.modal_open {
  padding-top: 30px;
  width: 220px; height:260px; display:inline-block;
  text-align: center;
  font-size: 20px; font-weight: bold;
  border-right:1px solid #fff;
  overflow: hidden;
  text-shadow: 1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 1px 6px rgba(0,0,0,0.3);
}
.sum{
  color: #3d2175;
}
.std{
  color: #39f;
}
.modal_open:hover {
  cursor: pointer;
  color: #eee;
  text-decoration: underline;
  text-shadow: 1px 1px 5px #333;
}
.modal_open img {
  width: 170px;
  position: relative;
  bottom: -40%;
}
.modal_main {
  display: none;
  position: fixed;
  top: 30px;
  left: calc(50% - 310px);
  width: 100%;
  max-width: 540px;
  margin: 30px auto;
  padding: 30px ;
  text-align: center;
  background-color: #ffffff;
  border: 5px solid rgb(243, 115, 25);
  border-radius: 30px;
  height: 75%;
  z-index: 6;
  overflow: auto;
}
.modal_main img {
  display: block;
  float: left;
  width: 30%;
  margin: 20px;
}
.modal_main em {
  font-style: normal;
  font-size: 10px;
  display: block;
  margin: 0 5px;
}
.modal_main h3 {
  display: block;
  font-family: 'oswald';
  font-size: 36px;
  text-shadow: 1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 1px 6px rgba(0,0,0,0.5);
  color: #333;
}
.modal_main p {
  text-align: left;
  padding: 20px;
  line-height: 20px;
}
.modal_bg {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(256,256,256,0.8);
  position:fixed;
  top:0;
  left:0;
  z-index: 5;
}


 /* 特集ページ用設定 */
.ptn_feature {
  font-style: normal;
  text-shadow: none;
  font-size: 12px;
  background: #9c0d2b;
  padding: 2px 10px;
  border-radius: 10px;
 }
.modal_open > .ptn_feature{
  color: #fff;
}
.modal_open:hover .ptn_feature {
  color: #fff;
  background-color: #f00;
}
.ptn {
  text-decoration: none;
}

.ptn img {
  width: 170px;
  position: relative;
  bottom: -30%;
}

#ft_lineup span {
  cursor: pointer;
}
#aw_footer {
  clear:both;
  width:100%;
  margin:0;
  padding:0px;
  height:120px;
  border-top:3px solid #f0f000;
}

/* 基礎CSS補正 */

body > div {
  min-width: 960px;
}

/* add 200526 */

@font-face { /* loading font file 'autoway icon set' */
  font-family: "typicalo";
  src: url('../../../../v1/font/typicalo.eot');
  src: url('../../../../v1/font/typicalo.eot?#iefix') format('embedded-opentype'),
      url('../../../../v1/font/typicalo.woff') format("woff"),
      url('../../../../v1/font/typicalo.ttf') format("truetype");
}
#header, .article, .modal_main, .modal_open, .movie, .movie_main, .ztfoot, #aw_footer, .footer-menu, .ztfoot > div, td {
  box-sizing: content-box;
}
small {
  font-size: smaller;
}
.sd {
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}
b, strong, h3, h4 {
  font-weight: bold;
}
td {
  padding: 1px;
}
table {
  border-collapse: inherit;
  border-spacing: revert;
}
#header > div, #top_navi > div, #enkaku {
  width: 960px;
}
.ittl h4 {
  margin: 15.9667px 0;
}
#enkaku td:first-child {
  width: 100px;
}
#zt_footer {
  margin-top: 50px;
  height: 200px;
}
.ztfoot img {
  float: left;
}
.ztfoot div {
  padding-left: 20px;
  font-size: 9px;
  width: 140px;
  float: left;
}
#aw_footer address {
  width: 600px;
}
.modal_main h3 {
  margin: 36px 0;
}
.modal_main p, .ittl, .sizelist > ul {
  margin: 14px 0;
}
.movie .movie_main {
  left: calc(50% - 500px);
}
#page-top {
  margin: 16px 0;
}
@media (max-width: 980px) {
  body > div {
    min-width: inherit;
  }
  #header, .article, .ztfoot, #aw_footer .footer-menu {
    box-sizing: border-box;
  }
  .modal_main, #header > div, #top_navi > div, .article, #enkaku, .movie, .ztfoot, #aw_footer address, #aw_footer .footer-menu {
    width: 100%;
  }
  #header {
    position: inherit;
    padding: 0 5px;
    display: table;
  }
  .movie .movie_main {
    width: 840px
  }
  #column {
    background: none;
  }
  .article {
    display: table;
    padding: 10px;
  }
  .article > div {
    margin-top: 0px;
  }
  .movie {
    padding: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
  }
  .movie .movie_open {
    width: 100px;
    margin: 10px 10px 0px 5px;
  }
  .movie p {
    padding: 5px 10px;
    padding-left: 10px;
  }
  .modal_main {
    max-width: 540px;
  }
  #enkaku {
    padding: 10px;
  }
  #aw_footer {
    display: table;
  }
  #aw_footer address {
    text-align: center;
  }
  #aw_footer img {
    max-width: calc(100% - 40px);
  }
  #aw_footer .footer-menu {
    padding: 20px 0 0;
  }
  #lineup_navi {
    width: 884px;
    margin: 15px auto 0;
  }
  .movie .movie_main {
    left: calc((100% - 475px) / 2 - 30px);
    width: 475px;
    height: 270px;
  }
}
@media (max-width: 904px) {
  #lineup_navi {
    width: 440px;
  }
}
@media (max-width: 614px) {
  #wrap img {
    width: 100%;
  }
  #wrap > div:nth-of-type(4) {
    padding: 0 10px;
  }
  #header img {
    width: auto;
    max-width: calc(100% - 10px);
  }
  .modal_main {
    box-sizing: border-box;
    max-width: 300px;
    left: calc(50% - 150px);
    padding: 10px;
  }
}
@media (max-width: 588px) {
  #lineup_navi {
    width: 292px;
  }
  #enkaku td:first-child {
    width: 50px;
  }
  #aw_footer .footer-menu {
    width: 350px;
    margin: 0px auto;
  }
  #zt_footer {
    height: auto;
    margin-top: 0px;
  }
  .ztfoot {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    display: table;
  }
  .ztfoot img {
    float: inherit;
  }
  .ztfoot > a {
    display: block;
  }
  .ztfoot div {
    font-size: inherit;
    padding-left: 0px;
  }
  .ztfoot div:first-of-type {
    margin-left: calc((100% - 290px) / 2);
  }
  .movie .movie_main {
    left: 10px;
    width: calc(100% - 80px);
  }
  h1.midasi small {
    display: block;
    font-size: small;
    line-height: normal;
    padding-left: 0px;
  }
}
@media (max-width: 360px) {
  #aw_footer .footer-menu {
    width: 100%;
  }
}
@media (max-width: 312px) {
  #lineup_navi {
    width: 143px;
  }
  .ztfoot div {
    float: inherit;
    width: auto;
    margin-left: 0;
  }
  .ztfoot div:first-of-type {
    margin-left: 0;
  }
  .modal_main {
    max-width: 100%;
    left: 0px;
  }
}