@charset "utf-8";
/*@import url("html5reset.css");*/

/*@font-face{font-family:'FontAwesome';
  src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot');
  src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
  url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
  url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff') format('woff'),
  url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf') format('truetype'),
  url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg') format('svg');
  font-weight:normal;
  font-style:normal;
  font-display: swap;
}*/

html {font-size: 62.5%;}
iframe {border:0;}
.banner a img {
  width:100%;
  height:auto;
  display: block;
}

body {
  font-family: -apple-system, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  background-image: url(https://www.asahi-times.com/img/bg1.png);
  background-repeat: repeat-x;
  background-position: top;
  max-width:1290px;
  min-width:320px;
  margin-right: auto;
  margin-left: auto;
}

/* リンク装飾 */
a:link,a:active,a:visited {
  color: #06C;
  text-decoration: none;
}
a:hover {
  color: #F36;
  text-decoration: none;
}
.pure-img{width:100%;height:auto;display:block;}

.shadow {
  text-shadow: 0 -1px 1px #000,
  -1px 0 1px #000,
  1px 0 1px #000,
  0 1px 1px #000,
  1px 1px 1px #333,
  2px 2px 2px #333;
}


#wrapper {
}

#header {
}
#header #logo  {
  display: block;
  padding: 10px 5px 5px;
  width: 300px;
}

/* CTA */
.cta {
  padding:10px 10px 10px 5px;
}
.cta a {
  text-decoration:none;
}
.btn-cta {
  color: #FFF!important;
  border-radius: 5px;
  display: block;
  height: auto;
  width:500px;
  max-width: 96%;
  padding:10px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  background: #06F;
  text-decoration:none;
  overflow: hidden;
  white-space: nowrap;
  margin-left:auto;
  margin-right:auto;
}
.btn-cta:after {
  font-family: FontAwesome;
  content: "\f061";
  margin-left: 5px;
  font-weight: normal;
  color: #FFF;
  font-weight: bold;
}
.btn-cta span {
  transition: 0.5s;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.btn-cta:hover {
  background: #F09;
}
.btn-cta:hover span {
  color: #FF0;
}
/* パンくずリスト */
.breadcrumbs {
  padding: 5px;
  overflow: hidden;
  border: 1px solid #F00;
  margin-bottom: 5px;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.breadcrumbs .bread-box {
  overflow:hidden;
}
.breadcrumbs .bread-box li {
  display: block;
  float: left;
}
.breadcrumbs .bread-box li:first-child:before {
  font-family: FontAwesome;
  content: "\f015";
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
  color: #333;
}
.breadcrumbs .bread-box li:not(:first-child):before {
  font-family: FontAwesome;
  content: "\f105";
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
  color: #333;
}

#navi ul{
  display: block;
  overflow: hidden;
}
#navi .nav1 {border-bottom: 2px solid #ff6600;}
#navi .nav2 {border-bottom: 2px solid #ff0066;}
#navi .nav3 {border-bottom: 2px solid #663399;}
#navi .nav4 {border-bottom: 2px solid #339900;}

#navi li {
  display: block;
  width: 22%;
  float: left;
}
#navi li a {
  display: block;
  background-color: #0066cc;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#66ccff', endColorstr = '#3399ff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#66ccff', endColorstr = '#3399ff')";
  background-image: -moz-linear-gradient(top, #66ccff, #3399ff);
  background-image: -ms-linear-gradient(top, #66ccff, #3399ff);
  background-image: -o-linear-gradient(top, #66ccff, #3399ff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#66ccff), to(#3399ff));
  background-image: -webkit-linear-gradient(top, #66ccff, #3399ff);
  background-image: linear-gradient(top, #66ccff, #3399ff);
  border-top: 2px solid #0066cc;
  border-right: 2px solid #0066cc;
  border-left: 2px solid #0066cc;
  text-align: center;
  margin-left: 5px;
  padding: 5px;
  margin-right: 5px;
  text-shadow: 0 -1px 1px #000,
  -1px 0 1px #000,
  1px 0 1px #000,
  0 1px 1px #000,
  1px 1px 1px #333,
  2px 2px 2px #333;
  color: #FFF;
  text-decoration: none;
}

#navi li .cat1:hover,
#navi .nav1 li .act {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcc00', endColorstr = '#ff6600');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcc00', endColorstr = '#ff6600')";
  background-image: -moz-linear-gradient(top, #ffcc00, #ff6600);
  background-image: -ms-linear-gradient(top, #ffcc00, #ff6600);
  background-image: -o-linear-gradient(top, #ffcc00, #ff6600);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffcc00), to(#ff6600));
  background-image: -webkit-linear-gradient(top, #ffcc00, #ff6600);
  background-image: linear-gradient(top, #ffcc00, #ff6600);
  border-top: 2px solid #ff6600;
  border-right: 2px solid #ff6600;
  border-left: 2px solid #ff6600;
  padding: 5px;
}
#navi li .cat2:hover,
#navi .nav2 li .act {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffccff', endColorstr = '#ff33cc');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffccff', endColorstr = '#ff33cc')";
  background-image: -moz-linear-gradient(top, #ffccff, #ff33cc);
  background-image: -ms-linear-gradient(top, #ffccff, #ff33cc);
  background-image: -o-linear-gradient(top, #ffccff, #ff33cc);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffccff), to(#ff33cc));
  background-image: -webkit-linear-gradient(top, #ffccff, #ff33cc);
  background-image: linear-gradient(top, #ffccff, #ff33cc);
  border-top: 2px solid #ff0066;
  border-right: 2px solid #ff0066;
  border-left: 2px solid #ff0066;
}
#navi li .cat3:hover,
#navi .nav3 li .act {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ccccff', endColorstr = '#6666ff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ccccff', endColorstr = '#6666ff')";
  background-image: -moz-linear-gradient(top, #ccccff, #6666ff);
  background-image: -ms-linear-gradient(top, #ccccff, #6666ff);
  background-image: -o-linear-gradient(top, #ccccff, #6666ff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ccccff), to(#6666ff));
  background-image: -webkit-linear-gradient(top, #ccccff, #6666ff);
  background-image: linear-gradient(top, #ccccff, #6666ff);
  border-top: 2px solid #663399;
  border-right: 2px solid #663399;
  border-left: 2px solid #663399;
}
#navi li .cat4:hover,
#navi .nav4 li .act {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#66ff99', endColorstr = '#339900');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#66ff99', endColorstr = '#339900')";
  background-image: -moz-linear-gradient(top, #66ff99, #339900);
  background-image: -ms-linear-gradient(top, #66ff99, #339900);
  background-image: -o-linear-gradient(top, #66ff99, #339900);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#66ff99), to(#339900));
  background-image: -webkit-linear-gradient(top, #66ff99, #339900);
  background-image: linear-gradient(top, #66ff99, #339900);
  border-top: 2px solid #339900;
  border-right: 2px solid #339900;
  border-left: 2px solid #339900;
}
#navi .img_cat1 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcc00', endColorstr = '#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcc00', endColorstr = '#ffffff')";
  background-image: -moz-linear-gradient(top, #ffcc00, #ffffff);
  background-image: -ms-linear-gradient(top, #ffcc00, #ffffff);
  background-image: -o-linear-gradient(top, #ffcc00, #ffffff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffcc00), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffcc00, #ffffff);
  background-image: linear-gradient(top, #ffcc00, #ffffff);
}
#navi .img_cat2 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffccff', endColorstr = '#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffccff', endColorstr = '#ffffff')";
  background-image: -moz-linear-gradient(top, #ffccff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffccff, #ffffff);
  background-image: -o-linear-gradient(top, #ffccff, #ffffff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffccff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffccff, #ffffff);
  background-image: linear-gradient(top, #ffccff, #ffffff);
}
#navi .img_cat3 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ccccff', endColorstr = '#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ccccff', endColorstr = '#ffffff')";
  background-image: -moz-linear-gradient(top, #ccccff, #ffffff);
  background-image: -ms-linear-gradient(top, #ccccff, #ffffff);
  background-image: -o-linear-gradient(top, #ccccff, #ffffff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ccccff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ccccff, #ffffff);
  background-image: linear-gradient(top, #ccccff, #ffffff);
}
#navi .img_cat4 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#66ff99', endColorstr = '#ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#66ff99', endColorstr = '#ffffff')";
  background-image: -moz-linear-gradient(top, #66ff99, #ffffff);
  background-image: -ms-linear-gradient(top, #66ff99, #ffffff);
  background-image: -o-linear-gradient(top, #66ff99, #ffffff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#66ff99), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #66ff99, #ffffff);
  background-image: linear-gradient(top, #66ff99, #ffffff);
}

/* サイト詳細 */
#site-info {
  overflow: hidden;
  margin-bottom: 5px;
  border-bottom: 1px dotted #CCC;
}
#site-info .data1 ,#site-info .data2{
  width: 50%;
  float: left;
}
#site-info .site-image {
  margin-bottom: 5px;
}

#site-info .site-image img {
  width: 100%;
  height: auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#site-info .site-name {
  margin-bottom: 5px;
}
#site-info .site-name dt   {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
}
#site-info .site-name dd   {
  font-size: 10px;
  font-size: 1rem;
  line-height: 20px;
}
#site-info .site-name li {
  display: block;
}

#site-info .deai1,
#site-info .deai2,
#site-info .deai3,
#site-info .deai4,
#site-info .deai5,
#site-info .deai6 {
  display: block;
  overflow: hidden;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 60px;
}
#site-info .deai1 {background-image: url(https://www.asahi-times.com/img/icon_deai1.png);}
#site-info .deai2 {background-image: url(https://www.asahi-times.com/img/icon_deai2.png);}
#site-info .deai3 {background-image: url(https://www.asahi-times.com/img/icon_deai3.png);}
#site-info .deai4 {background-image: url(https://www.asahi-times.com/img/icon_deai4.png);}
#site-info .deai5 {background-image: url(https://www.asahi-times.com/img/icon_deai5.png);}
#site-info .deai6 {background-image: url(https://www.asahi-times.com/img/icon_deai6.png);}
#site-info .evaluation {
  display: block;
  overflow: hidden;
  padding: 5px;
}

.evaluation li   {
  width: 50%;
  float: left;
}
.evaluation dl   ,.evaluation dt,.evaluation dd{
  display: block;
}
.evaluation dl {
  margin: 0px 5px 5px;
}

.evaluation dt {
  font-weight: bold;
  padding: 0px 2px;
  color: #F06;
}
.evaluation dt:before {
  content: "\f058";
  font-family: FontAwesome;
  margin-right: 5px;
}
.evaluation dd {
  padding: 0px 2px;
  font-size: 10px;
  font-size: 1rem;
}
.info-sp,
.info-sp dt,
.info-sp dd  {
  display: block;
}
.info-sp {padding: 5px;}
.info-sp dt {
  text-align: center;
  font-weight: bold;
  line-height: 25px;
}
.info-sp dt:before {
  content: "\f108";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
.info-sp dt:after {
  content: "\f10a";
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: normal;
}
.info-sp dd {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
}
.info-sp dd .qr {
  display: block;
  border: 1px solid #CCC;
  margin: 5px auto;
}
.site-review {
  padding: 10px;
  border: 1px solid #F99;
  background-color: #FFFFCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.site-review h2 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  border-bottom: 3px solid #F30;
  padding-left: 5px;
  color: #F30;
}
.site-review h2:before {
  content: "\f087";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
.site-review p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
}
.site-review p a {
  font-weight: bold;
}
.site-review p em {
  color: #F09;
  font-weight: bold;
}

.offer-site {
  padding: 10px;
  background-color: #EEE;
  border: 1px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.offer-site h1 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  border-bottom: 3px solid #666;
  padding-left: 5px;
  color: #333;
}
.offer-site h1:before {
  content: "\f118";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
.offer-site ul {
  display: block;
  overflow: hidden;
}
.offer-site li {
  width: 50%;
  display: block;
  float: left;
}
.offer-site li a img {
  width: 100%;
  margin-bottom: 5px;
}
.offer-site li a {
  display: block;
  padding: 5px;
  border: 1px solid #999;
  background-color: #FFF;
  margin: 0px 5px 5px;
  overflow: hidden;
}
.offer-site li a span,
.btn-link {
  display: block;
  padding: 3px 5px;
  border: 1px solid #CCC;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dddddd');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dddddd')";
  background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
  background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
  background-image: -o-linear-gradient(top, #ffffff, #dddddd);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dddddd));
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
  background-image: linear-gradient(top, #ffffff, #dddddd);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.offer-site li a span:hover,
.btn-link:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffcc00');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ffcc00')";
  background-image: -moz-linear-gradient(top, #ffffff, #ffcc00);
  background-image: -ms-linear-gradient(top, #ffffff, #ffcc00);
  background-image: -o-linear-gradient(top, #ffffff, #ffcc00);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffcc00));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffcc00);
  background-image: linear-gradient(top, #ffffff, #ffcc00);
}
.btn-link {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#category1,#category2,#category3,#category4 {
}
#category1 .cat1,
#category2 .cat2,
#category3 .cat3,
#category4 .cat4,
#sitelist {
  display: block;
  overflow: hidden;
}
#sitelist h1 {
  display: block;
  background-color: #FFC;
  border: 1px solid #F90;
  padding: 5px;
  margin-bottom: 5px;
  color: #F60;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
#category1 .cat1 li,
#category2 .cat2 li,
#category3 .cat3 li,
#category4 .cat4 li,
#sitelist li {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
#category1 .cat1 li dl,
#category2 .cat2 li dl,
#category3 .cat3 li dl,
#category4 .cat4 li dl,
#sitelist li dl {
  display: block;
  padding: 5px;
  border: 1px solid #CCC;
  margin: 0px 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#category1 .cat1 li dt,
#category2 .cat2 li dt,
#category3 .cat3 li dt,
#category4 .cat4 li dt,
#sitelist li dt {
  display: block;
  margin-bottom: 5px;
}
#category1 .cat1 li dt img,
#category2 .cat2 li dt img,
#category3 .cat3 li dt img,
#category4 .cat4 li dt img,
#sitelist li dt img {
  width: 100%;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#category1 .cat1 dd p,
#category2 .cat2 dd p,
#category3 .cat3 dd p,
#category4 .cat4 dd p {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px;
}
#category3 .pref {
  overflow: hidden;
  height: 60px;
  margin-bottom: 5px;
  display: block;
}
#category3 .pref li {
  width: 25%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  height: 25px;
  line-height: 25px;
}
#search .item,
#web .item,
#dic .item,
#howto .item,
#info .item,
#side1 .item,
#side2 .banner,
#ppvlink {
  overflow: hidden;
  display: block;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  margin-bottom: 5px;
  padding-top: 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
#search .item li,
#dic .item li {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
#search .item li a,
#dic .item li a {
  display: block;
  background-image: url(https://www.asahi-times.com/img/icon_search.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 5px 5px 5px 25px;
  margin-left: 5px;
  border: 1px solid #CCC;
  margin-right: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#search .item li a:hover,
#dic .item li a:hover {
  background-color: #FFC;
}
#search h1,#search h2,
#dic h1,#dic h2,
#web h1,
#howto h1,
#info h1,
#duga strong,
#side1 strong,#side2 strong {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 5px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
#search h1,
#web h1,
#dic h1,
#howto h1,
#info h1 {
  background-color: #EEEEEE;
  color: #900;
  border-color: #CCC;
}
#side1 strong,#side2 strong {
  background-color: #FF0000;
  color: #FFFFFF;
  border-color: #C00;
  background-image: url(https://www.asahi-times.com/img/bg_side.png);
  background-repeat: repeat-x;
  background-position: center center;
  text-shadow: 0 -1px 1px #000,
  -1px 0 1px #000,
  1px 0 1px #000,
  0 1px 1px #000,
  1px 1px 1px #333,
  2px 2px 2px #333;
  letter-spacing: 0.1em;
}
#search h2,
#dic h2,
#duga strong {
  background-color: #FC0;
  border-color: #F90;
  color: #F00;
}

#info h1:before,
#sitelist h1:before {
  content: "\f004";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#search h1:before {
  content: "\f002";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#search h2:before {
  content: "\f25b";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#dic h2:before {
  content: "\f06d";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#web h1:before {
  content: "\f183";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#web .item strong:before {
  content: "\f0a4";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#howto .item li dt:before {
  content: "\f182";
  font-family: FontAwesome;
  margin-right: 5px;
  font-weight: normal;
}
#howto .item li dt:after {
  content: "\f183";
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: normal;
}
#side1 strong:before,
#side2 strong:before {
  content: "\f024";
  font-family: FontAwesome;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
}
#duga strong:before {
  content: "\f008";
  font-family: FontAwesome;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: normal;
}
#search .txt {
  padding: 5px;
  display: block;
  margin: 0px 0px 10px;
  border-right: 1px solid #F90;
  border-bottom: 1px solid #F90;
  border-left: 1px solid #F90;
  background-color: #FFC;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
#search .txt strong,
#howto dd strong {
  display: block;
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
  border-bottom: 2px solid #F90;
}
#search .txt p {
  display: block;
  margin-bottom: 10px;
}
#search .txt p:last-child {
  margin-bottom: 0px;
}
#search dl,
#howto dl {
  display: block;
  overflow: hidden;
}
#search dt   {
  display: block;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 2px 5px 2px 10px;
  margin-top: 5px;
  border: 1px solid #CCC;
  background-color: #390;
}
#web p,
#dic p,
#howto p,
#info p {
  padding: 5px;
}
#web .item strong,
#howto .item li dt {
  display: block;
  padding: 2px 5px;
  background-color: #390;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #FFF;
  margin: 5px 5px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#web .item ul {
  display: block;
  overflow: hidden;
  clip: rect(auto,auto,10px,auto);
}

#web .item li {
  display: block;
  width: 50%;
  float: left;
}
#web .item dl {
  display: block;
  padding: 5px;
  overflow: hidden;
  border: 1px solid #CCC;
  margin: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#web .item li dt,#howto .item li dt,
#web .item li dd,#howto .item li dd {
  display: block;
}
#web .item li dt {
  padding: 5px;
  font-weight: bold;
}
#howto .item li dt {
  margin: 0px;
}
#web .item li dd {
}
#web .item li dd a  {
  border: 2px solid #3C0;
  display: block;
}
#howto .box.item li {
  display: block;
  margin-bottom: 5px;
}
#howto .box.item dd {
  padding: 5px;
}

#dic .box.item img,
#howto .box.item img {
  height: auto;
  width: 300px;
  float: right;
  border: 5px solid #CCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 5px;
}
#side1 .item,
#side2 .banner {
  display: block;
  padding: 5px;
  border-color: #C00;
  overflow: hidden;
}
#side1 .item li,
#side2 .banner li {
  display: block;
  margin-bottom: 5px;
}
#side1 .item li:last-child,
#side2 .banner li:last-child {
  margin-bottom: 0px;
}
/*#side1 .item li a,
#side2 .banner li a {
  border: 2px solid #F00;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}*/

#side1 .item.eroword {
  background-image: url(https://www.asahi-times.com/img/bg_eroword.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* 吹き出し */
.arrow_box {
  position: relative;
  background: rgba(255,255,238,0.7);
  border: 2px dotted #ffcc00;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 310px;
  font-weight: bold;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 35%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 238, 0);
  border-top-color: #ffffee;
  border-width: 10px;
  margin-left: -10px;
}
.arrow_box:before {
  border-color: rgba(255, 204, 0, 0);
  border-top-color: #ffcc00;
  border-width: 13px;
  margin-left: -13px;
}

#container {
  float: left;
  margin: 0 -310px 0 0;
  width: 100%;
}
.content {
  float: right;
  width: 100%;
  margin-left: -310px;
}
.box {
  padding: 5px;
}

#main {
  position: relative;
  margin: 0 310px;
  border: 1px solid #CCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#side1 {
  float: left;
  width: 310px;
}
#side1 .box {
  padding: 0px 5px 5px 0px;
}

#side2 {
  float: right;
  width: 310px;
}
#side2 .box {
  padding: 0px 0px 5px 5px;
}

#footer {
  clear: both;
  text-align: center;
  padding: 5px;
}
/* トグルメニュー通常時 */
#toggle{ 
  display: none;
}
#menu {
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
#menu ul {
  overflow: hidden;
}
#menu nav li {
  float: left;
}
#menu nav li a {
  display: block;
  border: 1px solid #CCC;
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#menu nav li a:before {
  content: "\f0a9";
  font-family: FontAwesome;
  margin-right: 5px;
}
#menu nav li a:hover {background-color: #FFC;}
#menu .box.cat1 {background-color: #ff6600;}
#menu .box.cat2 {background-color: #ff0066;}
#menu .box.cat3 {background-color: #663399;}
#menu .box.cat4 {background-color: #339900;}

@media screen and (max-width:1200px) {
#container,
.content,
#main,
#side2 {
  float: none;
  margin: 0;
  width: auto;
}
#container {
  padding:5px;
}
#main {
  margin-top:-5px;
  margin-left: 310px;
}
#side2 {
  float: none;
  margin-left: 310px;
  width: auto;
}
#side2 .box {
  padding: 5px;
}
.breadcrumbs {
  margin-left: 5px;
  margin-right: 5px;
}
}

@media screen and (max-width:780px) {
#container {
  padding: 5px;
}
#main {
  float: none;
  margin: 0;
  margin-top:0px;
  width: auto;
}
#side1 {
  float: none;
  margin: 0;
  width: auto;
}
#side1 .box {
  padding: 0px;
}
#side2 {
  float: none;
  margin: 0;
  width: auto;
}
#navi li {
  width: 25%;
  font-size:13px;
  font-size: 1.3rem;
}
#side1 .box .no_sp,
.no_spx {display:none;}

/* ↓トグルメニュー↓ */
#menu{
  display: none;
}
#menu nav li {
  width: 100%;
  margin-bottom: 5px;
}
#menu nav li:last-child {
  margin-bottom: 0px;
}
#menu nav li a {
  margin-right: 0px;
  margin-left: 0px;
}
#toggle{
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  background: #222;
}
#toggle a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#toggle:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}
#toggle a:before, #toggle a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 4px;
  background: #222;
}
#toggle a:before{
  margin-top: -6px;
}
#toggle a:after{
  margin-top: 2px;
}
/* ↑トグルメニュー↑ */
}

@media screen and (max-width:480px) {
#container, .content, #main, #side1, #side2 {
  float: none;
  margin: 0;
  width: auto;
}

#navi li {
  width: 50%;
  font-size:13px;
  font-size: 1.3rem;
}
#navi li a {
  display: block;
  background-color: #0066cc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0px 3px 3px;
  border: 2px solid #0066cc;
}
#navi li .cat1:hover,
#navi .nav1 li .act{
  border: 2px solid #ff6600;
}
#navi li .cat2:hover,
#navi .nav2 li .act{
  border: 2px solid #ff0066;
}
#navi li .cat3:hover,
#navi .nav3 li .act{
  border: 2px solid #663399;
}
#navi li .cat4:hover,
#navi .nav4 li .act{
  border: 2px solid #339900;
}
.no_sp {
  display:inline;
}
#site-info .data1,
#site-info .data2,
.offer-site li,
#category1 .cat1 li,
#category2 .cat2 li,
#category3 .cat3 li,
#category4 .cat4 li,
#sitelist li,
#search .item li,
#web .item li,
#dic .item li {
  width: 100%;
  float: none;
}
#category3 .pref li {
  width: 25%;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  height: 30px;
  line-height: 30px;
  float: left;
}
#site-info .data2 {
  display:none;
}
#dic .box.item img,
#howto .box.item img {
  height: auto;
  width: 100%;
  float: none;
  border: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 5px 0px;
}
}
#ppvlink {
  height: 315px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0px 0px;
  margin-bottom: 0px;
}
#ppvlink iframe{
  max-width:600px;
  display: block;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

/* 広告PC/SP切り替え */
.banner .nopc {display: none!important;}
.banner .nosp {}

@media screen and (max-width:780px) {
  .banner .nopc {display: block!important;}
  .banner .nosp {display: none!important;}
}

/* 広告バナー */
.aspect,
.banner,
.ads {
  max-width:100%;
  margin-bottom:10px;
}
.aspect a,
.banner a,
.ads a {
  display:block;
}

/* CLS対処 */
.asp {
  width:100%;
  height:0;
  position:relative;
  overflow:hidden;
  margin:5px auto;
}
.asp img {
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  object-fit:cover;
  object-position:center;
  position:absolute;
  box-sizing: border-box;
  border-radius: 5px;
}

/* アンテナ */
.feed.box h2 {
  display: block;
  padding: 5px;
  background-color: #FF8800;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #FFF;
  margin: 0 0 5px 0;
  border-radius: 5px;
}
.feed.box h2:before {
  content: "\f09e";
  font-family: FontAwesome;
  margin: 0 5px 0 5px;
  font-weight: normal;
}
aside.ads {
	margin:20px 0;
}
aside.ads .title {
	text-align:center;
	font-weight:bold;
	background-color:#333;
	color:#FF0;
	padding:5px;
	margin-bottom:10px;
}
/***************************
 ダブルレクタング広告
****************************/
.ads-flexbox .item {
  flex-basis: auto;
  padding: 5px;
  margin: 0px;
  text-align: center;
}
.ads-flexbox .item img {
  max-width: 100%;
  height: auto;
  border: 1px solid #CCC;
  border-radius: 5px;
}
@media ( min-width : 600px ){
  .ads-flexbox {
    display: flex;
  }
  .ads-flexbox .item {
    width: 50%;
  }
}
.inner300 {
	max-width: 300px;
	width: 100%;
	height: 100%;
	aspect-ratio: 300/250;
	margin: auto;
}
.inner728{
	width: 100%;
	height: 100%;
	margin: auto;
	max-width: 728px;
	aspect-ratio: 728/200;
}
.inner600{
	width: 100%;
	height: 100%;
	margin: auto;
	max-width: 600px;
	aspect-ratio: 600/315;
}

/*広告表示*/
#header::after {
	content: url(https://www.asahi-times.com/img/ad_display_header.png);
	display: flex;
	justify-content: center;
	margin: 10px;
}

#site-info::before {
	content: url(https://www.asahi-times.com/img/ad_display_post.png);
	display: flex;
	justify-content: center;
    margin:1em 0 2em;
}

a.pr-txt-link::before {
	content: "PR";
	font-size: 10px;
	border-radius: 5px;
	padding: 2px 5px;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 5px;
	background-color:#000;
	color:#FFF;
}

.site-name dt a.pr-txt-link::before,
.item li a.pr-txt-link::before {
	display: none;
}

.site-name dt a.pr-txt-link::after,
.item li a.pr-txt-link::after {
	content: "PR";
	font-size: 10px;
	border-radius: 5px;
	padding: 2px 5px;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 5px;
	background-color:#000;
	color:#FFF;
}

.item li a.pr-txt-link {
	position: relative;
}

.item li a.pr-txt-link::after {
    position: absolute;
    right: 5px;
}

.btn-cta.pr-txt-link::before {
	background-color:#fff;
	color:#0066ff;
	margin-right:0;
}

a.pr-img-link {
	position: relative;
	display: inline-block;
}

a.pr-img-link::before {
	content: "PR・18禁";
	background-color: #FFF;
    border: 1px solid #f00;
	color: #FF0000;
	padding: 3px 5px;
    line-height: 1;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 1;
}

.label_ad {
	position: relative;
}
.label_ad::after{
    content: "AD";
    font-size: 11px;
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    padding: 0 5px;
    position: absolute;
    top: 7px;
    right: 6px;
    height:20px;
    line-height:20px;
}
.ads h2.title.label_ad::after{
    background-color: #fff;
    color: #000;
    top: 6px;
    left: 6px;
    right: inherit;
}