@charset "UTF-8";

/* ===============
 Toppage style
=============== */
.topPickup {
  width: 100%;
  min-width: 1250px;
  /*margin-top: 25px;*/
  overflow: hidden;
}

.topPickupChild {
  width: 33.3333%;
  float: left;
  min-height: 350px;
}

.topPickupChild a {
  display: block;
  min-height: 350px;
  position: relative;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  background-position: top center;
}

.topPickupChild a:hover {
  color: #555;
}

.topslide_title_box {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  width: 100%;
  min-height: 100px;
}

.summaryData {
  font-weight: normal;
  font-size: 12px;
  padding: 5px 0;
}

.summaryData i {
  padding-left: 5px;
}

.movielist_slide .icon_movie {
  font-size: 25px;
  font-weight: 700;
  padding: 0;
  margin: 0 3%;
}

.icon_movie i {
  font-size: 25px;
  margin-right: 20px;
}

.movielist_slide {
  background: #f6f6f6;
  padding: 30px 0;
  position: relative;
}

.movielist_media {
  height: 250px;
  overflow: hidden;
  background: #cdcdcd;
  border: solid 5px #fff;
}

.grid_item2 .movielist_media {
  height: 210px;
  overflow: hidden;
  background: none;
  border: solid 5px #fff;
}

.movielist_media img {
  width: 100%;
}

.movielist_slide .movielist_item {
  width: 180px;
  height: 330px;
  float: left;
  margin: 20px 0;
  background: #fff;
  position: relative;
}

.movielist_slide .movielist_content {
  padding: 5px 10px 25px;
  line-height: 1.2;
}

.movielist_slide .movielist_slide_inner {
  width: 840px;
  margin-bottom: 20px;
}

.movielist_slide .movielist_slide_inner .swiper-wrapper {
  width: 1500px;
  display: flex;
  align-content: flex-start;
}

.movielist_slide .t_score {
  position: absolute;
  bottom: 5px;
}

.presntThum {
  float: left;
  padding: 0 15px;
  margin-bottom: 30px;
}

.presntThum img {
  width: 320px;
}

.presntInfo h3 {
  font-weight: 800;
  font-size: 14px;
  font-size: 1.4rem;
}

dl.whatsNew {
  overflow: hidden;
}

.whatsNew dt {
  float: left;
  display: block;
  width: 15%;
  padding: 10px 0;
}

.whatsNew dd {
  display: block;
  float: right;
  width: 85%;
  padding: 10px 0;
}

/* ===============
 02_article
=============== */
.myPostEditLink {
  text-align: right;
}

.article_title {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 20px 0;
}

.article_media {
  width: 300px;
  float: left;
}

.article_meta {
  width: 530px;
  float: right;
  line-height: 1.8em;
}

.sec_page_later .article_meta {
  width: 100%;
  float: right;
  line-height: 1.8em;
}

.article_meta_item {
  font-size: 1.2rem;
}

.article_table {
  padding-bottom: 20px;
}

.article_table_inner {
  width: 340px;
  float: left;
}

.article_writer_thumb {
  margin: 0 0 0 10px;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  display: inline-block;
}

.action_item {
  padding-right: 5px;
}

.article_writer {
  text-align: right;
  float: right;
}

.article_writer a {
  display: flex;
  font-weight: 700;
}

.article_writer_name {
  text-align: right;
  align-self: center;
  width: 100px;

}

.article_text {
  position: relative;
  margin: 0 0 50px;
}

.article_text .article_subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid #000;
  padding: 0 0 10px 0;
  margin: 15px 0 20px;
}

.article_more_btn,
.article_more_btn:hover {
  bottom: 20px;
  position: absolute;
  width: 80%;
  padding: 7px 40px 7px 10px;
  left: 0;
  right: 0;
}

.article_more_btn .icon_inbutton {
  right: 2%;
}

.article_next_btn {
  margin-top: 15px;
  width: 80%;
}

.more_btn_box {
  position: relative;
  min-height: 120px;
  text-align: center;
  margin-top: -120px;
  background: rgba(255, 255, 255, 0.8);
}

.more_btn_box .article_more_btn {
  color: #fff !important;
  background: #da536e !important;
  border: none;
  position: absolute;
  bottom: 20px;
  padding: 12px 20px;
  left: 0;
  right: 0;
}

.more_btn_box .article_more_btn:hover {
  color: #fff;
  background: #000;
  border: none;
}

.more_btn_box .article_more_btn i {
  color: #fff;
}

.more_btn_box i {
  position: absolute;
  right: 2%;
  font-size: 18px;
  font-size: 1.8rem;
}

.append_article {
  padding: 10px 3%;
  position: relative;
}

.append_article h2 {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  font-size: 20px;
  font-size: 1.8rem;
  line-height: 32px;
  font-weight: bold;
  margin: 35px 0 10px 0;
  color: #000;
}

p[data-identifier="text"] {
  margin: 20px 0 0 0;
  line-height: 2.5rem;
  line-height: 25px;
}

.article-cright {
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.1rem;
  color: #999899;
  margin-bottom: 10px;
}


.galleryEachImg {
  margin: auto !important;
  display: block;
  top: 0;
  bottom: 0;
}

.loading {
  opacity: 0;
}

.galleryOverlay {
  position: absolute;
  display: none;
  width: 100%;
  z-index: 1009;
  background: black;
  text-align: center;
}

.galleryOverlay img {
  display: inline-block;
  width: auto;
  -webkit-box-shadow: 0px 0px 20px 0px #333;
  -moz-box-shadow: 0px 0px 20px 0px #333;
  box-shadow: 0px 0px 20px 0px #333;
  z-index: 1011;
}

#galleryClose {
  position: absolute;
  right: 15px;
  top: 5px;
  padding: 5px;
  color: #fff;
  z-index: 1012;
  font-size: 40px;
}

#galleryClose i {
  cursor: pointer;
}

.rankingThum {
  position: relative;
}

.guard {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
}

.underGalleryWrap .current {
  background: #7a7b7f;
}

.fullGuard {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  z-index: 1012;
}

.underGalleryWrap {
  width: 770px;
  float: left;
}




/* KDBのSASSのコンパイルCSS　記事用 */


.append_article div[data-parent-identifier="movie"] {
  padding: 0 35px;
}

.append_article div[data-parent-identifier="movie"] iframe {
  width: 100%;
  height: 430px;
  margin: 10px 0;
}

.append_article div[data-parent-identifier="movie"] p {
  margin: 10px 0 0;
}

.append_article div[data-parent-identifier="link"] {
  margin: 20px 0 0;
}

.append_article div[data-parent-identifier="link"] a p:first-child {
  text-decoration: underline;
  color: #656766;
  line-height: 1.3;
}

.append_article div[data-parent-identifier="link"] a p:last-child {
  margin: 0;
  color: #999799;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1rem;
}

.append_article div[data-parent-identifier="link"] p[data-identifier="comment"] {
  margin: 10px 0 0;
  color: #656766;
  line-height: 25px;
}

.append_article div[data-parent-identifier="quote"] blockquote {
  margin: 20px 0 0;
  background-color: #f8f8f8;
  padding: 10px;
  line-height: 1.3;
}

.append_article div[data-parent-identifier="quote"] blockquote:before {
  display: inline-block;
  content: " ";
  background-image: url(/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -535px;
  width: 25px;
  height: 19px;
  padding-right: 5px;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.append_article div[data-parent-identifier="quote"] blockquote p {
  margin: 0;
}

.append_article div[data-parent-identifier="quote"] blockquote p:first-child {
  display: inline;
}

.append_article div[data-parent-identifier="quote"] blockquote p:last-child {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999799;
}

.append_article div[data-parent-identifier="quote"] blockquote p:last-child a {
  color: #999799;
}

.append_article div[data-parent-identifier="twitter"],
.append_article div[data-parent-identifier="instagram"] {
  margin: 20px 0 10px 0;
}

.append_article div[data-parent-identifier="table"] h2 {
  margin: 20px 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.append_article div[data-parent-identifier="table"] table {
  border-collapse: collapse;
  border: 1px solid #333;
  width: 100%;
}

.append_article div[data-parent-identifier="table"] table th {
  padding: 5px;
  font-weight: normal;
  border-collapse: collapse;
  border: 1px solid #333;
  background: #efefef;
}

.append_article div[data-parent-identifier="table"] table td {
  padding: 5px;
  border-collapse: collapse;
  border: 1px solid #333;
}

.append_article div[data-parent-identifier="table"] table.table_scroll {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  border: none !important;
}

.append_article div[data-parent-identifier="table"] div[data-identifier="source"] p {
  margin: 10px 0 0;
  color: #656766;
  line-height: 25px;
}

.append_article #gallerySlide {
  margin: 30px 0;
  position: relative;
}

.append_article #gallerySlide .gallerySlidePrev,
.append_article #gallerySlide .gallerySlideNext {
  position: absolute;
  top: 55px;
  width: 35px;
  height: 150px;
  background: #7b7c80;
  color: #fff;
  line-height: 150px;
  text-align: center;
  font-size: 20px;
}

.article_text div[data-parent-identifier="product"] p[data-identifier="origin"] {
  font-size: 11px;
  word-wrap: break-word;
}

.article_text img {
  max-height: 625px;
  max-width: 800px;
}

.articleTxt div[data-parent-identifier="product"] p[data-identifier="origin"] {
  font-size: 11px;
  word-wrap: break-word;
  color: #b1b1b1;
}

.article_text div[data-parent-identifier="image"] img {
  padding: 10px 0;
}

.article_text div[data-parent-identifier="image"] {
  position: relative;
}

.article_text p[data-identifier="origin"] {
  font-size: 10px;
  color: #b1b1b1;
}

.append_article div[data-parent-identifier="product"] p[data-identifier="image"],
#ico-product[data-parent-identifier="product"] p[data-identifier="image"] {
  max-width: 160px;
  float: left;
  margin: 0 10px 0 0 !important;
  max-height: 160px;
  overflow: hidden;
}

.append_article div[data-parent-identifier="product"] p[data-identifier="image"],
#ico-product[data-parent-identifier="product"] p[data-identifier="image"] {
  max-width: 160px;
  float: left;
  margin: 0 10px 0 0 !important;
  max-height: 160px;
  overflow: hidden;
}

.append_article div[data-parent-identifier="product"],
#ico-product[data-parent-identifier="product"] {
  padding: 15px 15px 25px 15px;
  border: 1px solid #d6d6d6;
  margin: 20px 0;
  overflow: hidden;
}

a[data-identifier="link"] {
  clear: both;
  display: block;
  margin: auto;
  text-align: center;
  border: solid 1px;
  width: 200px;
  padding: 8px 10px;
  cursor: pointer;
}

a[data-identifier="link"]:hover {
  clear: both;
  display: block;
  margin: auto;
  text-align: center;
  border: solid 1px;
  width: 200px;
  padding: 8px 10px;
  cursor: pointer;
  background: #000;
  color: #fff;
}

p[data-identifier="price"] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 20px;
}

p[data-identifier="image"] {
  position: relative;
}

.article_text p[data-identifier="image"] img {
  width: 100%;
}

/* シェアしてポイントGET！ */
.share_set {
  text-align: center;
}

.share_set_icon {
  font-size: 2.8rem;
  display: inline-block;
  padding: 0 5px;
}

.share_set_icon i {
  color: #787878;
}

.share_set_icon .icon-hatena {
  font-size: 2rem;
}

.share_set .action_item {
  font-size: 14px;
  font-size: 1.4rem;
}

.share_set .action_item i.fa-star {
  padding-left: 2%;
}

.share_set_other {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  padding: 0 1.5%;
  min-width: 140px;
}

.article_photo_inner {
  margin-bottom: 15px;
}

.article_photo_inner .photo_box {
  width: 205px;
  height: 135px;
  float: left;
  margin: 0 5px 10px;
  overflow: hidden;
  position: relative;
}

.article_photo_inner .photo_box:first-child,
.article_photo_inner .photo_box:nth-child(4n+1) {
  margin: 0 5px 10px 0;
}

.article_photo_inner .photo_box:nth-child(4n) {
  margin: 0 0 10px 5px;
}

.article_photo_inner .photo_box a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.article_photo_inner .photo_vertically {
  display: block;
  overflow: hidden;
  width: 100%;
}

.article_photo_inner .photo_horizontally {
  width: auto;
  max-width: none;
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}

.article_txt_link {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}

.article_txt_link a {
  color: #027efd;
}

.article_txt_link i {
  margin-left: 10px;
}


/* writer_info */
.writer_info {
  background: #f6f6f6;
  padding: 15px 3% 20px;
  margin: 0 0 30px 0;
}

.writer_info .card_title {
  padding-bottom: 10px;
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: 0.2px;
}

.writer_info_profile {
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  border-collapse: separate;
  border-spacing: 3px 0;
}

.writer_info_profile .writer_thumb {
  display: table-cell;
  width: 130px;
  text-align: center;
}

.writer_info_profile .writer_thumb img {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}

.writer_info_profile .writer_name {
  display: block;
}

.writer_info_profile .writer_text {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}

.writer_info_thumb {
  margin: 0 auto 10px;
  width: 90px;
  height: 90px;
  border-radius: 130px;
}

/* 記事関連作品 */

.article_relation {
  background: #f6f6f6;
  padding: 15px 3%;
  position: relative;
  margin: 15px 0;
}

.article_relation .program_media img,
.article_relation .program_mediaS img {
  float: left;
  max-width: 100px;
  overflow: hidden;
  margin-right: 15px;
}

.article_relation h2 {
  margin: 0 0 10px 0;
}

.article_relation .textlink_more {
  position: absolute;
  right: 15px;
  bottom: 15px;

}


/* 同じライターの関連記事 */
.relatedWriter article.articlelist {
  width: 50%;
  float: left;
}

.relatedWriter .articlelist_media {
  width: 125px;
  height: 100px;
}

.relatedWriter .articlelist_media a {
  height: 90px;
}

.relatedWriter .articlelist_data {
  float: none;
}

.relatedWriter .articlelist_title {
  margin: 5px 0;
}

.relatedWriter .articlelist {
  border: none;
}

.relatedWriter .articlelist_content {
  padding-right: 15px;
}

/* 記事画像ギャラリー2020 */

.gallery2020box {
  display: flex;
  max-height: 280px;
  margin-bottom: 15px;
  overflow: hidden;
}

.g2020_inner_L,
.g2020_inner_S {
  width: 50%;
}

.g2020_inner_L {
  padding: 8px;
  position: relative;
}

.g2020_inner_L img {
  height: 280px;
  width: 400px;
  object-fit: cover;
  object-position: top;
}

.g2020_inner_S {
  display: flex;
  flex-wrap: wrap;
}

.g2020_photo_s {
  width: 50%;
  height: 50%;
  overflow: hidden;
  position: relative;
}

.g2020_photo_s img {
  width: 200px;
  object-fit: cover;
  height: 125px;
  object-position: top;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
}

.gallery2020_copyrigt {
  margin-top: 20px;
}

.article_gallery2020 {
  position: relative;
  width: 100%;
  background: #000;
  margin-top: 15px;
}

a.largethum {
  position: absolute;
  right: 10px;
  top: 10px;
  background: rgb(110 110 110 / 0.5);
  width: 45px;
  height: 45px;
  text-align: center;
  padding-top: 10px;
  border: solid 1px #787878;
}

.largethum i {
  color: #fff;
  font-size: 25px;
}

.article_gallery2020 img {
  width: 850px;
  height: 550px;
  object-fit: contain;
}

/* 記事画像ギャラリー */
.article_gallery .article_gallery_media {
  overflow: hidden;
  height: 550px;
  background: #cdcdcd;
  position: relative;
  text-align: center;
}

.article_gallery_media .img_vertically {
  height: 100%;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.article_gallery_media .img_horizontally {
  margin: auto !important;
  display: block;
  top: 0;
  bottom: 0;
  max-width: 100%;
}

.article_gallery_box {
  position: relative;
}

.article_gallery .arrow_left,
.article_gallery .arrow_right {
  position: absolute;
  color: #fff;
  font-size: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  width: 40px;
  height: 80px;
  box-sizing: border-box;
  bottom: 40%;
  line-height: 80px;
}

.article_gallery .arrow_left {
  left: 0;
  padding-left: 10px;
  z-index: 10;
}

.article_gallery .arrow_right {
  right: 0;
  padding-right: 10px;
  text-align: right;
  z-index: 10;
}

.article_gallery .image_num {
  position: absolute;
  right: 5px;
  bottom: 0;
  font-size: 17px;
  font-weight: bold;
  color: #7b7c80;
  text-shadow: #f9f9f9 1px 1px 0, #f9f9f9 -1px -1px 0, #f9f9f9 -1px 1px 0, #f9f9f9 1px -1px 0, #f9f9f9 0px 1px 0, #f9f9f9 0-1px 0, #f9f9f9 -1px 0 0, #f9f9f9 1px 0 0;
}

.article_gallery .image_num #current {
  font-size: 20px;
  padding: 0 5px 0 0;
}

.article_gallery .image_num #current:after {
  content: "/";
  margin: 0 0 0 5px;
}

.galleryModalBtn {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 10px;
  text-align: center;
  z-index: 90;
  color: rgb(255, 255, 255) !important;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  margin: auto;
  line-height: 35px;
}

.galleryModalBtn i {
  font-size: 20px;
}

.articleSliderThum {
  width: 120px;
  height: 120px;
  float: left;
  background: #f8f9f9;
  position: relative;
  margin: 0 8px 10px 0;
}

.articleSliderThum a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.img.img__horizontally {
  margin: auto !important;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

/* ===============
 03_movie 作品ページ
=============== */

.programContainer h1 {
  font-weight: 700;
  font-size: 24px;
  margin: 10px 0;
}

.programLmenu {
  margin-top: 20px;
}

.programLmenu ul {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.programLmenu ul li {
  font-weight: 700;
  font-size: 15px;
  padding: 0 10px;
  border-right: solid 1px #000;
  text-align: center;
  flex-grow: 1;
}

.programLmenu ul li:last-child {
  border: none;
}

.programLmenu ul li a:hover,
.programLmenu ul li a.current {
  color: #da536e;
}

.programLmenu ul li span {
  font-weight: normal;
  font-size: 10px;
  display: block;
}

.program_header {
  padding: 15px 3% 0;
}

.program_header_table {
  display: flex;
  padding: 0 0 15px 0;
}

.program_header_table .program_media {
  width: 30%;
  max-width: 200px;
  max-height: 285px;
  overflow: hidden;
}

.movie_info_box .program_header_table {
  padding: 0 0 15px 0;
}

.movie_info_box .program_header_table .program_media {
  width: 130px;
  min-width: 130px;
  float: left;
  overflow: hidden;
}

.program_tmeter {
  padding: 0 2% 0 3%;
  width: 100%;
}

.program_tmeter div {
  width: 100%;
}

.program_tmeter_title {
  font-weight: 800;
  font-size: 17px;
}

.tmeter_item .icon_state {
  background-size: cover;
  width: 45px;
  height: 60px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.tmeter_item {
  float: left;
}

.tmeterRating,
.tmeterReviews {
  margin: 0 10px;
  font-size: 14px;
}

.tmeter_item .icon_egg {
  background-image: url(/img/icon_egg.png);
  background-repeat: no-repeat;
}

.tmeter_item .icon_chick {
  background-image: url(/img/icon_chick.png);
  background-repeat: no-repeat;
}

.tmeter_item .icon_chicken {
  background-image: url(/img/icon_chicken.png);
  background-repeat: no-repeat;
}

.tmeter_item .tmeter_score {
  font-size: 30px;
  font-weight: 800;
  vertical-align: bottom;
  display: inline-block;
  color: #da536e;
  padding-left: 5px;
  line-height: 1em;
}

.tmeter_item .tmeter_score .percent {
  font-size: 2rem;
}

.tmeter_progress {
  background: #dedede;
  width: 100%;
  height: 14px;
  display: block;
  border-radius: 30px;
  border: 2px solid #dedede;
  margin: 10px;
}

.tmeter_progress .progress_bar {
  background: #da536e;
  height: 10px;
  display: block;
  border-radius: 30px;
}

/* 観たいボタン */
.watch_widget,
.watch_widgetMypage {
  text-align: center;
  padding: 0 0 15px 0;
  width: 360px;
}

.watch_widget .watch_widget_item {
  width: 29%;
  padding: 15px 0;
  margin: 0 10px 0 0;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.watch_widgetMypage .watch_widget_item {
  width: 45%;
  padding: 15px 0;
  margin: 0 10px 0 0;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}


.watch_widget .state_want,
.watch_widgetMypage .state_want {
  border: 1px solid #ff2270;
}

.watch_widget .state_want .fas,
.watch_widgetMypage .state_want .fas {
  color: #ff2270;
}

.watch_widget .state_seen,
.watch_widgetMypage .state_seen {
  border: 1px solid #066fff;
}

.watch_widget .state_seen .fas,
.watch_widgetMypage .state_seen .fas {
  color: #066fff;
}

.watch_widget .state_like,
.watch_widgetMypage .state_like {
  border: 1px solid #ff9c00;
}

.watch_widget .state_like .fas,
.watch_widgetMypage .state_like .fas {
  color: #ff9c00;
}

.watch_widget .state_want_done,
.watch_widgetMypage .state_want_done {
  background: #ff2270;
  border: 1px solid #ff2270;
}

.watch_widget .state_seen_done,
.watch_widgetMypage .state_seen_done {
  background: #066fff;
  border: 1px solid #066fff;
}

.watch_widget .state_like_done,
.watch_widgetMypage .state_like_done {
  background: #ff9c00;
  border: 1px solid #ff9c00;
}

.watch_widget .state_want_done .fas,
.watch_widget .state_seen_done .fas,
.watch_widget .state_like_done .fas,
.watch_widget .state_want_done,
.watch_widget .state_seen_done,
.watch_widget .state_like_done,
.watch_widgetMypage .state_want_done .fas,
.watch_widgetMypage .state_seen_done .fas,
.watch_widgetMypage .state_like_done .fas,
.watch_widgetMypage .state_want_done,
.watch_widgetMypage .state_seen_done,
.watch_widgetMypage .state_like_done {
  color: #fff;
}

.watchInfoSub {
  padding-bottom: 5px;
}

.watchInfoSub span {
  margin-right: 15px;
  padding: 3px;
  text-align: center;
  min-width: 100px;
  background: #f6f6f6;
  display: inline-block;
}

.movie_info_box {
  position: relative;
}

.btn_watched .follow_btn {
  overflow: hidden;
  display: inline-block;
  float: right;
  margin: 20px 5px 0 5px;

}

.watch_info_box {
  max-width: 700px;
  min-width: 500px;
  margin: auto;
}

.watch_btn_box {
  float: left;
  width: 50%;
  padding: 50px 5px;
}

.watch_info_box a.watch_btn {
  display: block;
  text-align: center;
  border: 1px solid #b1b1b1;
  padding: 10px 0;
  position: relative;
  cursor: pointer;
  font-weight: bold;
}

.watch_info_box a.watch_btn:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.watch_info_box .current a.watch_btn {
  background: #42ceab;
  border: none;
}

.watch_info_box .current a.watch_btn span.movie_count {
  color: #fff;
}

.watch_info_box a.watch_btn span.movie_count {
  color: #42ceab;
}

.program_memo_box {
  background: #f6f6f6;
  padding: 15px;
  clear: both;
}

.movie_info_box button {
  border: none;
  background: none;
  color: #4b4b4b;
  font-size: 14px;
}

.movie_info_box textarea {
  width: 97%;
  min-height: 100px;
  line-height: 21px;
  padding: 10px;
}


/**/
.program_meta {
  padding: 15px 0;
}

.el_ticket iframe {
  width: 100%;
  height: 46vw;
}

/* REVIEW */
.program_review {
  padding: 15px 3%;
  margin: 0 0 20px 0;
}

.program_review_title {
  color: #da536e;
  font-weight: 800;
  text-align: center;
  font-size: 18px;
}

.program_review .icon_review {
  padding: 5px 1.5%;
}

.program_review .icon_review::before {
  font-size: 3rem;
}

/* program_data */
.cast_staff_list {
  border-bottom: dotted 1px #d9d9d9;
  width: 46%;
  margin-right: 2%;
  padding: 15px;
  float: left;
  font-size: 14px;
  font-weight: 700;
}

.cast_staff_list span {
  font-weight: normal;
  display: block;
}

.cast_staff_list .cast_staff_01 {
  display: table-cell;
  width: 45%;
  padding: 0 5px 0 0;
}

.cast_staff_list .cast_staff_02 {
  display: table-cell;
  width: 55%;
  padding-left: 5px;
}

.cast_staff_list .cast_staff_02::before {
  content: '：';
  margin-left: -10px;
  color: #b1b1b1;
}


/* comment_thumb */
.comment_archive_item {
  padding-top: 15px;
  overflow: hidden;
}

.comment_thumb {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 15px;
}

.comment_name {
  font-weight: 800;
  font-size: 16px;
  margin-right: 10px;
}

.comment_text {
  overflow: hidden;
}

.commentAction {
  padding-top: 10px;
  display: inline-block;
}

.commentAction a {
  margin-right: 15px;
}

.commentAction i {
  margin-right: 10px;
}

.comment_date {
  padding-top: 3px;
  display: inline-block;
}

.comment_all {
  margin-top: 15px;
}

.comment_ttl {
  font-size: 16px;
  margin-top: 15px;
}

.comment_Report a {
  background: #f6f6f6;
  font-size: 1.2rem;
  display: inline-block;
  border-radius: 15px;
  padding: 3px 10px;
}

.comment_Report a:hover {
  background: #000;
  color: #fff;
}

.replyFrom {
  clear: both;
  padding: 20px 0 20px 20px;
}

.commentFrom {
  clear: both;
  overflow: hidden;
}

.reviewTitile {
  width: 100%;
  line-height: 2;
  margin: 5px 0;
}

.replyFrom form,
.commentFrom form {
  padding: 0 10px;
}

.comment_container textarea,
.replyFrom textarea,
.commentFrom textarea {
  width: 100%;
  min-height: 100px;
  border: solid 1px #000;
  margin: 20px 0;
  box-sizing: border-box;
}

.disableBtn {
  line-height: 28px;
  display: block;
  background: #fff;
  text-align: center;
  border: 1px solid #000;
  padding: 5px 30px;
  font-size: 12px;
}

.disableBtn:hover {
  line-height: 28px;
  display: block;
  background: #fff;
  text-align: center;
  border: 1px solid #000;
  padding: 5px 30px;
  font-size: 12px;
  background: #000;
  color: #FFF;
}

.spoilerBTN {
  color: #3968d1;
}

.spoilerBTN i {
  margin-left: 10px;
}

.lineDot_gray {
  border: none;
  border-bottom: dotted 1px #d9d9d9;
  width: 100%;
}

.movieArticlelistBox {
  margin-top: 50px;
}

/* review_score */
.review_score {
  display: inline-block;
}

.review_score .icon_review::before {
  font-size: 1.3rem;
}

.eigaland_bg {
  background-color: #323232;
  padding: 10px;
  font-size: 16px;
  overflow: hidden;
}

.eigaland_select {
  color: #000;
  display: block;
  background-clip: padding-box;
  border: 1px solid #323232;
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 5px;
}

.eigaland_btn {
  background-color: #da536e;
  border: none;
  padding: 5px 0;
  font-weight: bold;
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
}

.eigaland_span {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 10px;
}

select::-ms-expand {
  display: none;
}

.el_ticket {
  margin-bottom: 15px;
}

.col-md-4 {
  width: 33.333%;
  float: left;
  padding: 0 5px;
}

.col-md-6 {
  width: 33%;
  float: left;
  padding: 0 5px;
}

.col-md-8 {
  width: 66.6666%;
  float: left;
  padding: 0 5px;
}

.col-md-12 {
  width: 33%;
  float: left;
  padding: 0 5px;
}

.eigaland_powerby_desktop {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}

/* ===============
 04_movie_schedule 上映情報
=============== */

/* grid_box */
.grid_box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 15px 0;
}

.grid_box .grid_item {
  width: 31%;
  margin: 0 1% 10px;
  background: #f6f6f6;
  position: relative;
}

.grid_item_content {
  padding: 3px 5px 25px;
  line-height: 1.3;
}

.grid_item_content .t_score {
  position: absolute;
  bottom: 5px;
}

.schedule_date {
  border-left: 5px solid #000;
  padding: 0 0 0 5px;
  margin: 15px 0;
  font-size: 1.5rem;
}

ul.ct-list-inline {
  clear: both;
  margin-top: 15px;
  overflow: hidden;
}

ul.ct-list-inline li a {
  float: left;
  border: 1px solid #cdcdcd;
  background: #f6f6f6;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 5px;
  margin: 0 5px 10px;
}

ul.ct-list-inline li a:hover {
  float: left;
  border: 1px solid #cdcdcd;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 5px;
  margin: 0 5px 10px;
}

ul.ct-list-inline li a.current {
  color: #da536e;
  border: 1px solid #da536e;
}

/* ===============
 05_birthday 誕生日
=============== */

/* top */
.birthday_title_date {
  font-weight: normal;
  padding-left: 15px;
}

.photo_5col .photo_box {
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  position: relative;
}

.photo_box {
  border: solid 3px #fff;
}

.photo_4col .photo_box {
  width: 212px;
  height: 212px;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  position: relative;
}

.photo_4col .photo_box a,
.photo_5col .photo_box a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.photo_4col .photo_vertically,
.photo_5col .photo_vertically {
  display: block;
  overflow: hidden;
  width: 100%;
}

.photo_4col .photo_horizontally,
.photo_5col .photo_horizontally {
  width: auto;
  max-width: none;
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}

/* テキスト */
.photo_box_text {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  z-index: 2;
  width: 94%;
  min-height: 25%;
  margin: 3%;
  font-weight: 800;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 5px 2%;
  bottom: 0;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* 05_persons */
.birthday_cast_header {
  display: flex;
  padding: 15px 0;
}

.birthday_cast_name {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 10px;
}

.birthday_cast_media {
  margin: 0 10px 0 0;
  width: 250px;
  height: 250px;
  overflow: hidden;
  position: relative;
}

.ribbon_right {
  display: inline-block;
  position: relative;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  padding: 0 20px 0 10px;
  font-size: 1.4rem;
  background: #da536e;
  color: #FFF;
  box-sizing: border-box;
}

.ribbon_right:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon_right:after {
  top: 0;
  right: 0;
  border-width: 14px 10px 14px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

/* 05_persons出演作 */

.grid_box_persons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid_box_persons .grid_item {
  width: 200px;
  margin: 0 16px 20px 0;
  background: #f6f6f6;
  position: relative;
}

.grid_box_persons .grid_item2 {
  width: 150px;
  margin: 0 16px 20px 0;
  position: relative;
}

.grid_box_persons .grid_item:nth-child(4n) {
  margin-right: 0;
}

.grid_box_persons .movielist_media {
  border: none;
}

.grid_item_content {
  padding: 3px 5px 25px;
  line-height: 1.3;
  box-sizing: border-box;
}

.grid_item_content .t_score {
  position: absolute;
  bottom: 5px;
}

.schedule_date {
  border-left: 5px solid #000;
  padding: 0 0 0 5px;
  margin: 15px 0;
  font-size: 1.5rem;
}

.articleSliderThum img.img__vertically {
  height: 100%;
  display: block;
  margin: 0 auto;
}

#gallerySlide {
  margin: 30px auto;
  position: relative;
}

.galleryPhotoParts {
  width: 770px;
  margin: auto;
  overflow: hidden;
}



#gallerySlide .arrow_left,
#gallerySlide .arrow_right {
  position: absolute;
  top: 55px;
  width: 35px;
  height: 150px;
  background: #7b7c80;
  color: #fff;
  line-height: 150px;
  text-align: center;
  font-size: 20px;
}

#gallerySlide .gallerySlidePrev {
  left: 0px;
}

#gallerySlide .gallerySlideNext {
  right: 0px;
}


/* ===============
 06_ranking 共興収入（動員数）ランキング
=============== */

.ranking_list_box {
  border-bottom: 1px solid #cdcdcd;
}

.ranking_list_box:last-child {
  border: none;
}

.ranking_list {
  display: flex;
  padding: 10px 0;
}

.ranking_list_nm {
  width: 60px;
  text-align: center;
  align-self: center;
}

.ranking_list_nm .crown_gold {
  color: #eac235;
  font-size: 30px;
  font-size: 3rem;
}

.ranking_list_nm .crown_silver {
  color: #b7b7b7;
  font-size: 30px;
  font-size: 3rem;
}

.ranking_list_nm .crown_copper {
  color: #b16e0f;
  font-size: 30px;
  font-size: 3rem;
}

.ranking_list_nm .ranking_list_main_nm {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 800;
}

.ranking_list_nm .updown {
  color: #ea5435;
  font-weight: 800;
  font-size: 1rem;
}

.ranking_list_nm .updown i {
  color: #ea5435;
  font-weight: 800;
}

.ranking_list_media {
  width: 70px;
}

.ranking_list_media img {
  width: 100%;
  height: auto;
}

.ranking_list_text {
  padding-left: 15px;
  width: 660px;
  color: #4b4b4b;
}

.ranking_list_text h2 {
  font-weight: 800;
}


.weekly_ranking_date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding-left: 10px;
}

.weekly_ranking_review {
  line-height: 1.8;
  margin-bottom: 30px;
}

.pager_ranking {
  padding: 0 0 15px 0;
  line-height: 3;
}

.pager_ranking .pager_prev {
  float: left;
}

.pager_ranking .pager_next {
  float: right;
}

.pager_ranking .pager_item {
  background: none;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  width: 150px;
}

.related_bnr {
  padding: 30px 0;
  clear: both;
  overflow: hidden;
  text-align: center
}

.related_bnr a {
  padding: 0 10px;
}


/* 人気記事ランキング */
.ranking_sort {
  display: flex;
  padding: 0 0 15px 0;
}

.ranking_sort li {
  width: 24%;
  border: 1px solid #b1b1b1;
  display: block;
  margin: 2px 0.5%;
  text-align: center;
  font-size: 1.2rem;
}

.ranking_sort li a {
  width: 100%;
  height: auto;
  padding: 10px 5px;
  display: inline-block;
}

.ranking_sort li.visit {
  background: #da536e;
  border: none;
}

.ranking_sort li.visit a {
  color: #fff;
}

.article_rank {
  position: absolute;
  background: #000;
  color: #fff;
  /* padding: 5px 12px; */
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 0;
  font-weight: 700;
  font-style: italic;
  z-index: 2;
}

/* 画像ランキング */
.articlePhoto__img {
  float: left;
  width: 145px;
  height: 145px;
  background: #f8f9f9;
  position: relative;
  margin: 0 10px 10px 0;
}

.imageRankingParts__num {
  position: absolute;
  left: 3px;
  background: #040000;
  color: #f1efab;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 10px;
  z-index: 2;
  bottom: 3px;
}

.articlePhoto__img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 画像ランキング 右エリア */
.rightArea .articlePhoto__img {
  float: left;
  width: 80px;
  height: 80px;
  background: #f8f9f9;
  position: relative;
  margin: 10px;
}

.rightArea .imageRankingParts__num {
  position: absolute;
  left: 3px;
  background: #040000;
  color: #f1efab;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 10px;
  z-index: 2;
  bottom: 3px;
}

.rightArea .articlePhoto__img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.rightArea .article_rank {
  position: absolute;
  background: #000;
  color: #fff;
  /* padding: 5px 12px; */
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: 0;
  left: 0;
  font-weight: 700;
  font-style: italic;
  font-size: 10px;
  z-index: 2;
}

/* ===============
 07_present プレゼント
=============== */
.present_archive {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}

.present_archive .articlelist_title {
  margin: 0 0 10px 0;
}

.present_archive .articlelist_media {
  width: 275px;
}

.present_archive .articlelist {
  padding: 15px 0;
}

/* present_ionner */
.present_read {
  padding: 0 0 15px 0;
  border-bottom: 1px solid #cdcdcd;
}

.present_box_outer {
  display: flex;
  flex-wrap: multiple;
  flex-wrap: wrap;
}

.present_box {
  width: 250px;
  padding: 15px;
  margin: 0 5px 10px;
  text-align: center;
  border: 1px solid #f3d4da;
}

.present_box_media {
  padding: 10px 0;
  max-width: ;
}

.present_box_btn {
  background: #da536e;
  color: #fff;
  display: block;
  text-align: center;
  padding: 12px 0;
  max-width: 265px;
  margin: 0 auto;
}

.present_box_btn_off {
  background: #cdcdcd;
  color: #fff;
  display: block;
  text-align: center;
  padding: 12px 0;
  max-width: 265px;
  margin: 0 auto;
}

/**/
.present_style {
  padding: 20px 0 0;
}

/* ===============
 08_poll アンケート投票
=============== */
.poll_pick_radio {
  padding-top: 10px;
  position: relative;
}

.poll_pick_radio .more_grad {
  height: 130px;
  overflow: hidden;
}

.poll_pick_radio .poll_radio_box {
  display: block;
  padding: 5px 0;
}

.poll_item_block {
  padding: 15px 0;
  border-bottom: 1px solid #cdcdcd;
}

.poll_item_block:last-child {
  border: none;
}

.poll_item_list {
  position: relative;
  height: calc(96vw * 0.45 * 0.7);
  overflow: hidden;
}

.poll_media {
  width: 45%;
  vertical-align: top;
  overflow: hidden;
  display: table-cell;
  height: calc(96vw * 0.35 * 0.7);
}

.poll_media_inner {
  display: block;
  overflow: hidden;
  height: calc(96vw * 0.35 * 0.7);
}

.poll_media_content {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
  width: 70%;
  height: calc(96vw * 0.3 * 0.1);
  padding: 0 10px;
  border-bottom: 1px solid #f6f6f6;
  position: relative;
  overflow: hidden;
}

.poll_media_content span {
  display: block;
  font-weight: 500;
  font-size: 1.2rem;
}

.pickupPoll .square_item {
  margin: 0 2% 40px 0;
}

.pickupPoll .nextpoll_thumb {
  width: 250px;
}

/* アンケート詳細 */
.poll_content_radio {
  padding: 10px 0 15px;
  width: 700px;
  margin: auto;
}

.poll_content_radio .poll_radio_box {
  padding: 10px 15px;
  border-bottom: dotted 1px #d9d9d9;
}

.poll_radio_box label {
  padding-left: 10px;
}

/* アンケート結果 */

.poll_content_result {
  margin-top: 30px;
}

.poll_content_result li {
  display: table;
  padding: 10px 15px;
  width: 100%;
  border-bottom: dotted 1px #d9d9d9;
}

.poll_content_result .poll_rank1 .poll_list_main_nm,
.poll_content_result .poll_rank1 .poll_progress {
  font-weight: 800;
  font-size: 1.8rem;
}

.poll_list_nm {
  width: 12%;
  vertical-align: top;
  display: table-cell;
}

.poll_progress {
  display: table-cell;
}

.poll_progress .poll_votes {
  float: left;
  width: 25%;
}

.poll_progress_bar {
  background: #f6f6f6;
  width: 60%;
  height: 15px;
  display: inline-block;
  float: left;
  margin: 1rem 0 0 0;
}

.poll_progress_bar span {
  background: #da536e;
  height: 15px;
  display: block;
}

.poll_progress_perf {
  display: inline-block;
  font-weight: normal;
  font-size: 1.3rem;
  width: 15%;
  padding-left: 10px;
}

.flash-msg {
  text-align: center;
  padding-top: 15px;
  font-size: 20px;
  color: #da536e;
  font-weight: bold;
  background: #f6f6f6;
  border: dotted 1px #da536e;
  padding: 15px;
  margin: 15px 0;
}

/* ===============
 10_votetop 投票
=============== */

.vote_snslist {
  text-align: center;
  padding: 15px 0
}

.snslist_item {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  line-height: 40px;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  color: #fff;
}

.vote_snslist2 {
  float: right;
}

.vote_snslist2 .snslist_item {
  font-size: 28px;
  color: #787878;
  width: 35px;
}

.vote_snslist2 .snslist_item i:hover {
  font-size: 28px;
  color: #da536e;
  width: 35px;
}

.vote_snslist2 .snslist_item .icon-hatena:before {
  font-size: 23px;
}

.weekly_vote_title {
  text-align: center;
}

.weekly_vote_date {
  text-align: center;
  font-size: 1.2rem;
  color: #b1b1b1;
}

.vote_target_wrapper {
  padding: 15px 0;
  clear: both;
}

.vote_target {
  display: flex;
  position: relative;
  margin-bottom: 15px;
}

.vote_target_name {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  width: 94%;
  margin: 2%;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  padding: 20px 2%;
  bottom: 0;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.vote_media_item a:hover img {
  opacity: 1;
}

.vote_target_left {
  padding: 20px 2.5%;
  background: #ebebeb;
  width: 50%;
}

.vote_target_right {
  padding: 20px 2.5%;
  background: #f6f6f6;
  width: 50%;
}

.vote_target_left,
.vote_target_right {
  position: relative;
  padding-bottom: 75px;
}

.vote_target .vote_media_item {
  height: 500px;
  ;
  float: left;
  overflow: hidden;
  position: relative;
  margin: 0 0 10px 0;
}

.vote_target .vote_target_icon {
  position: absolute;
  height: 144px;
  width: 144px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40%;
  margin: auto;
}

.vote_target_info {
  padding: 5px;
}

.vote_target_btn {
  background: #da536e;
  color: #fff;
  display: block;
  text-align: center;
  padding: 12px 0;
  position: absolute;
  width: 85%;
  margin: 0 auto;
  bottom: 15px;
  left: 0;
  right: 0;
}

.vote_detailBox .vote_target_btn {
  background: #da536e;
  color: #fff;
  display: block;
  text-align: center;
  padding: 12px 0;
  position: relative;
  width: 320px;
  margin: 0 auto;
  bottom: 15px;
}

.vote_target_draw {
  display: block;
  background: #f6f6f6;
  text-align: center;
  padding: 12px 0;
  width: 50vw;
  margin: 0 auto 15px;
  overflow-x: hidden;
  position: relative;
  width: 320px;
}

.voteInfoTxt {
  padding-top: 15px;
  text-align: center;
}

.pickupVote h3 {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  padding-bottom: 25px;
}

/* pickup */
.vote_pickup_ttl {
  text-align: center;
  padding: 0 0 15px 0;
}

.vote_pickup_rank {
  position: absolute;
  background: #000;
  color: #fff;
  /*padding:5px 12px;*/
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  bottom: 0;
  font-weight: 800;
  font-style: italic;
}

.vote_pickup {
  border-bottom: 1px solid #cdcdcd;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
}

.vote_pickup:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

/* 投票キャストページ */

.vote_detailBox .vote_target_left,
.vote_detailBox {
  background: #f6f6f6;
}

.vote_cast_details {
  margin: 15px 0 30px 0;
  position: relative;
}

.vote_photo_main {
  position: relative;
}

.vote_photo_main img {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.vote_photo_media {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.vote_photo_media img {
  padding: 0 3%;
}

.vote_photo_list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 15px 2%;
}

.vote_photo_list_item {
  height: 160px;
  padding: 0;
  width: 31.3%;
  margin: 1%;
  overflow: hidden;
  position: relative;
  background: #b1b1b1;
}

.vote_photo_list_item img {
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
}

.vote_cast_details_meta {
  background: #f6f6f6;
  padding: 15px 2%;
  margin: 0 0 15px 0;
}

.vote_cast_details_meta .vote_target_btn {
  position: relative;
  width: 42.5%;
  margin: 15px auto 0;
  bottom: inherit;
}

/* 投票結果ページ */
.vote_after_box {
  margin: 0 0 30px 0;
}

.vote_target_point {
  font-size: 1.8rem;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
}

.vote_target_point > span {
  font-size: 3rem;
  padding: 0 2px;
  font-weight: 800;
  color: #da536e;
}

.vote_after_info {
  display: block;
  position: relative;
  text-align: center;
}

.vote_after_fav {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  text-align: center;
}

/* ranking */
.vote_ranking_box .vote_target_left,
.vote_ranking_box .vote_target_right {
  background: #f6f6f6;
  border: 1px solid #fff;
}

.vote_ranking_box .vote_target {
  margin-bottom: 0;
}

.vote_ranking_nm {
  z-index: 2;
  width: 70px;
  height: 70px;
  padding: 7px;
  background-image: url(/img/vote_nm.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 800;
  font-size: 1.4rem;
}

.vote_ranking_box .square_item {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

.vote_target_point_s {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.vote_target_point_s > span {
  font-size: 2rem;
  padding: 0 2px;
  font-weight: 800;
  color: #da536e;
}

/* 投票一覧 */
.vote_sort {
  text-align: right;
}

#sort_form input[type=radio],
#sort_form input[type=checkbox] {
  display: none;
}

#sort_form .radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

#sort_form .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #da536e;
  content: '';
  opacity: 0;
}

#sort_form .radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

#sort_form input[type=radio]:checked + .radio:before {
  opacity: 1;
}


/* 結果vote_result */
.vote_result_box {
  background: #f6f6f6;
}

.vote_result_item {
  overflow: hidden;
  margin: 10px 0;
}

.vote_resultNormalbox {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
}

.vote_resultNormalItem {
  width: 50%;
  margin: 10px;
  background: #f6f6f6;
  padding: 10px;
}

.yourchoice {
  clear: both;
  display: block;
}

.vote_resultThum {
  width: 120px;
  height: 120px;
  margin: 0 10px 5px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  background: #f6f6f6;
  float: left;
}

.vote_resultState {
  overflow: hidden;
  float: left;
  width: calc(100% - 150px);
}

.resultPar {
  font-size: 46px;
  margin-right: 20px;
}

.vote_resultStateR {
  display: block;
  width: 70px;
  float: left;
  height: 70px;
  border-radius: 70px;
  text-align: center;
  line-height: 70px;
  margin: 0px 0 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

.vote_graph {
  display: block;
  height: 15px;
}

.vote_draw {
  float: right;
}

.vote_draw span {
  padding-left: 15px;
}

/* thanks page */
.vote_thanks_sns {
  margin: 10px auto 0;
  width: 600px;
  display: flex;
}

.vote_thanks_sns a {
  color: #fff;
  width: 50%;
  display: block;
  padding: 10px 0;
}

.vote_thanks_sns .vote_thanks_tw {
  background: #00aced;
}

.vote_thanks_sns .vote_thanks_fb {
  background: #305097;
}

.vote_notice {
  border: dotted 1px;
  padding: 15px;
  background: #ffe4e9;
  margin-bottom: 20px;
}

.vote_btn_disabled {
  pointer-events: none;
  cursor: default;
}

/* ===============
 11_writer ライターページ
=============== */
/* 一覧 */
.writer_header {
  padding: 10px 0;
}

.writer_list_title {
  display: inline-block;
  float: left;
  line-height: 0;
  margin-right: 20px;
}

.writer_search {
  float: left;
  width: 180px;
  position: relative;
}

.writer_search:before {
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  font-weight: bold;
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 20px;
  font-size: 2rem;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.writer_search input {
  outline: none;
  margin-left: 10px;
  border-radius: 3px;
  padding: 10px 10px 10px 30px;
  border: 1px solid #cbcbcb;
}

.writer_list {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  clear: both;
}

.writer_list_box {
  width: 150px;
  float: left;
  text-align: center;
  padding-bottom: 30px;
  margin: 0 10px 30px;
  position: relative;
}

.writer_list_thumb {
  margin: 0 auto 10px;
  width: 130px;
  height: 130px;
  border-radius: 130px;
}

.writer_list_lowbox .writer_list_btn {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

/* ライターページ */

.writer_page_header {
  margin: 15px 0;
}

.writer_page_header .writer_list_box {
  width: 40%;
  margin-bottom: 0;
}

.writer_sns {
  width: 50%;
  float: right;
}

.writer_sns_btn {
  border: 1px solid #b1b1b1;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
}

.writer_sns_btn i {
  font-size: 1.8rem;
}

.writer_page_prof {
  clear: both;
  padding: 15px 0 30px 0;
}

.writer_page_contents_btn {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.writer_page_contents_btn li {
  width: 24%;
  border: 1px solid #b1b1b1;
  display: block;
  margin: 2px 0.5%;
  text-align: center;
  font-size: 1.5rem;
}

.writer_page_contents_btn a {
  width: 100%;
  display: block;
  padding: 10px 5px;
}

.writer_page_contents_btn a.visit,
.writer_page_contents_btn a:hover {
  background: #000;
  color: #fff;
}

.writer_page_subtitle {
  padding: 15px 3%;
  font-weight: 800;
  font-size: 1.5rem;
}

.analysis_title {
  font-weight: 800;
  font-size: 1.5rem;
  text-align: left;
}

.analysis_subtitle {
  font-weight: 800;
  padding: 15px 0 5px 0;
  border-bottom: 1px solid #cdcdcd;
  text-align: left;
}

.analysis_list {
  border-bottom: 1px solid #cdcdcd;
  display: table;
  width: 100%;
  padding: 8px 0;
}

.analysis_list_item {
  display: table-cell;
  width: 40%;
  text-align: left;
}

.analysis_list_item:last-child {
  padding-left: 5px;
  width: 60%;
}

.analysis_list .pickdata {
  font-size: 2.5rem;
  font-weight: 800;
}

.writer_list_slide {
  overflow-x: scroll;
  position: relative;
  margin-bottom: 15px;
}

.writer_list_slide_inner {
  display: flex;
  flex-wrap: nowrap;
}

.writer_list_slide .writer_list_box {
  margin-bottom: 0;
}

/* マイページ */
.mypage .writer_list_box {
  padding-bottom: 0;
}

.mypage .writer_page_contents_btn {
  margin-bottom: 15px;
}

.notice_list {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #d1d1d1;
  text-align: left;
}

.notice_list:last-child {
  border: none;
}

.rightArea .notice_list_thumb {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
}

.movie_mypage_btn {
  overflow: hidden;
  display: inline-block;
  float: right;
  margin: 20px 5px 0 5px;
  background: #000;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
}

.movie_mypage_btn:hover {
  overflow: hidden;
  display: inline-block;
  float: right;
  margin: 20px 5px 0 5px;
  background: #000;
  color: #42ceab;
  border-radius: 20px;
  padding: 5px 10px;
}

.articlelist_box.peechik_contents .articlelist:first-child {
  border-top: none;
  padding-top: 0;
}


.notice_list_thumb {
  /* ポイントランキング */
  width: 60px;
  height: 60px;
  border-radius: 60px;
  overflow: hidden;
}

.notice_list_text {
  font-size: 13px;
  margin: 0 0 0 10px;
  width: 250px;
}

.notice_list_text a {
  font-weight: 800;
}

.rightArea .edit-nav-btn .button {
  width: 260px;
  height: 30px;
  padding: 0;
  line-height: 28px;
  display: block;
  text-align: center;
  border: 1px solid #000;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  font-size: 12px;
}

.rightArea .edit-nav-btn .button:hover {
  background: #000;
  color: #fff;
}

.rightArea .edit-nav-btn .button i {
  position: absolute;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
}

/* アクセス解析 */
.access_log {
  width: 100%;
  background: #efefef;
  border-collapse: separate;
}

.access_log th,
.access_log td {
  text-align: center;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px;
}

.access_log .w20 {
  width: 20%;
}

.access_log th {
  font-weight: bold;
}

/* ===============
 12_point_info
=============== */
.pointget_list {
  border-bottom: 1px solid #cdcdcd;
  display: table;
  width: 100%;
  padding: 8px 0;
}

.pointget_list_item {
  display: table-cell;
}

.pointget_list_item:first-child {
  width: 60%;
}

.pointget_list_item:last-child {
  color: #b1b1b1;
  font-weight: 700;
  width: 40%;
  padding-left: 10px;
  vertical-align: middle;
}

.pointget_list_item .focus {
  color: #da536e;
  font-size: 20px;
  font-size: 2.2rem;
  font-weight: 800;
}

/* ポイント通帳 */
.point_history {
  background: #f6f6f6;
  margin-bottom: 30px;
}

.point_history th,
.point_history td {
  text-align: left;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px;
  font-size: 1.3rem;
  box-sizing: border-box;
  vertical-align: middle;
}

.point_history .ph_date {
  width: 80px;
}

.point_history .ph_contents {
  width: 600px;
}

.point_history .ph_etc {
  width: 48px;
}


/* ===============
 13_login
=============== */
.login_left {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 50px 0 0;
  border-right: 1px solid #cdcdcd;
}

.login_right {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}


.login_form_email,
.login_form_pass {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
}

.login_fb,
.login_tw,
.login_entry {
  color: #fff;
  border: none;
}

.login_fb {
  background: #3b5998;
}

.login_tw {
  background: #55acee;
}

.login_entry {
  background: #da536e;
}

.flash_fail {
  color: #da536e;
  font-size: 18px;
  text-align: center;
}


/* ===============
 14_guest_entrance
=============== */

.check_icon_box {
  margin: 0 0 0 16px;
}

.check_icon_box .check_icon {
  padding: 0 0 10px 0;
}

.check_icon_box .check_icon::before {
  margin-left: -16px;
}

.check_icon::before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: bold;
  color: #da536e;
  padding: 0 5px 0 0;
}

.guest_nologin {
  text-align: center;
}

.guest_nologin p {
  font-weight: 700;
  color: #787878;
}

.guest_login_list {
  display: inline-block;
  font-size: 3.5rem;
  padding: 0 5px;
}

.guest_login_list .fa-twitter {
  color: #2ea8e5;
}

.guest_login_list .fa-facebook-square {
  color: #39579d;
}

.guest_login_list .fa-envelope-square {
  color: #c93b30;
}

/* 情報提供 */
.info_provision .sec_subtitle.color_kdb {
  border-left: 12px solid #dbd289;
}

.info_provision .sec_subtitle.color_eb {
  border-left: 12px solid #39d1ab;
}

.info_provision .sec_subtitle.color_kor {
  border-left: 12px solid #da536e;
}

.info_provision .sec_subtitle.color_gm {
  border-left: 12px solid #ffcd00;
}


/* ===============
 14_information
=============== */

.info_list {
  width: 100%;
  border-bottom: 1px solid #d1d1d1;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.info_list:last-child {
  border-bottom: none;
}

.info_list .newicon {
  background: #ff202b;
  color: #fff;
  text-decoration: inherit;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
  padding: 2px 5px;
  margin-right: 10px;
}

.info_date {
  margin-bottom: 5px;
}

/* ===============
 14_terms
=============== */
.list_decimal li {
  list-style-type: decimal;
  list-style-position: inside;
  padding-bottom: 10px;
}

/* howtouse */

.tamago_logic_thumb {
  padding: 20px 0 30px;
}

.tamago_logic_thumb li {
  display: inline;
  padding-right: 15px;
}

.btn_mini_01 {
  border: 1px solid #ff2270;
}

.btn_mini_02 {
  border: 1px solid #066fff;
}

.btn_mini_03 {
  border: 1px solid #ff9c00;
}

.btn_mini_01 .fas {
  color: #ff2270;
}

.btn_mini_02 .fas {
  color: #066fff;
}

.btn_mini_03 .fas {
  color: #ff9c00;
}

.btn_sample {
  padding: 10px 0;
}

.btn_sample span {
  padding: 3px 10px;
  min-width: 105px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}

/* ========================================
記事投稿画面　旧応急措置
========================================*/

.w100 {
  width: 100% !important;
}

.w90 {
  width: 90% !important;
}

.w80 {
  width: 80% !important;
}

.w70 {
  width: 70% !important;
}

.w60 {
  width: 60% !important;
}

.w50 {
  width: 50% !important;
}

.w40 {
  width: 40% !important;
}

.w30 {
  width: 30% !important;
}

.w20 {
  width: 20% !important;
}

.w10 {
  width: 10% !important;
}

.clear {
  clear: both;
}

.hidetext {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.ctxt {
  text-align: center;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #4b4b4b;
}

.attention {
  color: #ff415c;
  font-size: 12px;
  font-size: 1.2rem;
}

.item-box {
  display: block;
  border: 1px solid #ececec;
  padding: 20px;
}

.disnon {
  display: none;
}

.fz-sml {
  font-size: 12px;
  display: block;
}

.fz-mid {
  font-size: 15px;
}

.fz-lge {
  font-size: 18px;
}

.fz-exlge {
  font-size: 20px;
}

.fw-bold {
  font-weight: bold;
}

.border-b {
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/* Structure */
.btn {
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 128px;
  padding: 10px 0;
  text-align: center;
  display: block;
  cursor: pointer;
}

.btn-2set .btn {
  float: left;
  margin-right: 10px;
}

.block-ttl {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 10px 20px;
}

/* Appearance */
.bg-gray {
  background-color: #ececec;
}

.btn-default {
  border: 1px solid #cbcbcb;
  background: #ececec;
  color: #4b4b4b;
}

.btn-default:hover {
  background: #dfdfdf;
}

.btn-secondary {
  border: 1px solid #4b4b4b;
  background: #4b4b4b;
  color: #fff;
}

.btn-secondary:hover {
  background: #585858;
}

.btn-primary {
  border: 1px solid #ff415c;
  background: #ff415c;
  color: #fff;
  font-weight: bold;
}

.btn-primary:hover {
  background: #ff2746;
}

.mark-round {
  background-color: #ffeef1;
  border-radius: 3px;
}

/* icon */
.ico-search {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -564px;
  padding: 0 0 0 28px;
  line-height: 1.2;
  height: 18px;
}

.ico-url {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -324px;
  background-size: 70.5px;
  padding: 0 0 0 28px;
  line-height: 1.2;
  height: 18px;
}

.ico-upload {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -304px;
  padding: 0 0 0 28px;
  line-height: 1.2;
  height: 18px;
}

.ico-ranking {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -592px;
  padding: 0 0 0 25px;
  height: 26px;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

.ico-person {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -623px;
  padding: 0 0 0 30px;
  height: 26px;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

.tool-btn,
.mn-thumb {
  font-size: 12px;
  font-size: 1.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #ececec;
  color: #4b4b4b;
  font-weight: bold;
  display: block;
  cursor: pointer;
  height: 60px;
  width: calc(100%/11);
  float: left;
  padding-top: 10px;
  text-align: center;
  text-decoration: none;
  border-right: #fff solid 1px;
}

.mn-thumb.mn-cinema {
  background: #e0e0e0;
  color: #c7c7c7;
  cursor: initial;
  pointer-events: none;
}

.mn-thumb.mn-cinema:hover {
  background: #e0e0e0;
  color: #c7c7c7;
  border-top: none;
  border-left: none;
  border-right: 1px solid #fff;
}

.tool-btn span,
.mn-thumb span {
  margin: 0 auto;
  display: block;
  padding-bottom: 5px;
}

.mn-thumb i {
  display: block;
  font-size: 30px;
}

.tool-plus {
  font-size: 12px;
  font-size: 1.2rem;
  padding-left: 10px;
  width: 90px;
  height: 60px;
  background: #ececec;
  position: relative;
  float: left;
  margin-right: 25px;
}

.tool-plus .tool-plus-tag {
  display: block;
  line-height: 60px;
}

.tool-plus .tool-plus-tag:before {
  width: 7px;
  height: 6px;
  background: #7a0;
}

.tool-plus .tool-plus-tag:after {
  border-left: 25px solid #ececec;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 50px;
}

.add-bar .tool-btn {
  height: 40px;
  width: calc(100%/12);
  padding-top: 10px;
  line-height: 1em;
}

.tool-btn.select,
.tool-btn:hover,
.mn-thumb:hover {
  background-color: #fff;
  border-top: 3px solid #4b4b4b;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.mn-tags i.fa-code {
  display: block;
  font-size: 15px;
}

.ico-head {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -180px;
  width: 29px;
  height: 22px;
}

.select .ico-head {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -725px;
  width: 29px;
  height: 22px;
}

.ico-text {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -501px;
  width: 38px;
  height: 24px;
}

.select .ico-text {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -862px;
  width: 38px;
  height: 24px;
}

.ico-table {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -146px;
  width: 30px;
  height: 24px;
}

.select .ico-table {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -691px;
  width: 30px;
  height: 24px;
}

.ico-link {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -432px;
  width: 24px;
  height: 24px;
}

.select .ico-link {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -793px;
  width: 24px;
  height: 24px;
}

.ico-quot {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -535px;
  width: 25px;
  height: 19px;
}

.select .ico-quot {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -896px;
  width: 25px;
  height: 19px;
}

.ico-thumb {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -212px;
  width: 28px;
  height: 26px;
}

.select .ico-thumb {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -757px;
  width: 28px;
  height: 26px;
}

.ico-movie {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -466px;
  width: 33px;
  height: 25px;
}

.select .ico-movie {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -827px;
  width: 33px;
  height: 25px;
}

.ico-social {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -110px;
  width: 52px;
  height: 26px;
}

.select .ico-social {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -655px;
  width: 52px;
  height: 26px;
}

.ico-product {
  background-image: url(/img/icon/product_icon.png);
  background-repeat: no-repeat;
  background-position: center bottom 5px;
  width: 52px;
  height: 26px;
}

.select .ico-product {
  background-image: url(/img/icon/product_icon_active.png);
  background-repeat: no-repeat;
  background-position: center bottom 5px;
  width: 52px;
  height: 26px;
}

/* edit style */
.textbox {
  font-size: 16px;
  font-size: 1.6rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  vertical-align: top;
  height: 180px;
  padding: 10px;
  margin-bottom: 10px;
  max-width: 808px;
}

.tl-item-area {
  border: 1px solid #aaaaaa;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}

/* ================== page style ==================*/
/* .edit-nav */
.edit-nav {
  background: #f7f7f7;
  padding: 10px 0;
}

.edit-nav h1 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  position: absolute;
  line-height: 2.3;
}

.edit-nav .edit-nav-inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.edit-nav .edit-nav-inner .edit-nav-btn {
  float: right;
  width: 580px;
}

.edit-nav .edit-nav-inner .edit-nav-btn .btn {
  position: relative;
  float: right;
  margin-left: 10px;
}

.edit-nav-footer {
  margin-top: 30px;
  position: relative;
}

.edit-nav-footer .edit-nav-btn {
  float: right;
  width: 580px;
}

.edit-nav-footer .edit-nav-btn .btn {
  position: relative;
  float: right;
  margin-left: 10px;
}

/* .edit-wrapper */
.edit-wrapper {
  width: 1200px;
  margin: 30px auto;
}

.edit-wrapper .edit-main {
  width: 850px;
  float: left;
  position: relative
    /* Edit追加後スタイル */
}

.edit-wrapper .edit-main .article-ttl {
  border: 1px solid #aaaaaa;
  font-size: 18px;
  font-size: 1.8rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 10px;
}

.edit-wrapper .edit-main .count {
  font-size: 13px;
  font-size: 1.3em;
  position: absolute;
  padding-top: 5px;
  right: 0;
}

.edit-wrapper .edit-main .article-info {
  margin-top: 30px;
}

.edit-wrapper .edit-main .article-info .article-thumb {
  float: left;
  width: 200px;
}

.edit-wrapper .edit-main .article-info .article-thumb .link-min {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0;
  cursor: pointer;
}

.edit-wrapper .edit-main .article-info .article-lede {
  width: 636px;
  float: right;
}

.edit-wrapper .edit-main .article-info .article-lede .lede {
  max-width: 636px;
}

.edit-wrapper .edit-main .tool-holder {
  margin-top: 30px;
  color: #656766;
}

.edit-wrapper .edit-main .tool-holder .tool-block {

  border: 1px solid #ececec;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;

}

.edit-wrapper .edit-main .tool-holder #tl-head select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  float: left;
  padding: 10px;
  margin-right: 10px;
  width: 230px;
  vertical-align: middle;
  cursor: pointer;
}

.edit-wrapper .edit-main .tool-holder #tl-head .triangle {
  position: relative;
}

.edit-wrapper .edit-main .tool-holder #tl-head .triangle:before {
  display: block;
  content: " ";
  height: 0px;
  width: 0px;
  border-top: #000 5px solid;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 15px;
  left: 210px;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fz {
  vertical-align: middle;
  line-height: 1.5;
  float: left;
  margin-right: 10px;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fz .mark-round {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  padding: 5px;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fz .head-fz-l {
  font-size: 22px;
  font-size: 2.2rem;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fz .head-fz-s {
  font-size: 18px;
  font-size: 1.8rem;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fw {
  vertical-align: middle;
  line-height: 1.5;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fw .mark-round {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  padding: 5px;
}

.edit-wrapper .edit-main .tool-holder #tl-head .head-fw .head-fw-b {
  font-weight: bold;
}

.edit-wrapper .edit-main .tool-holder #tl-head .tl-item-area {
  margin: 10px 0 20px;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fz {
  vertical-align: middle;
  line-height: 1.5;
  float: left;
  margin-right: 10px;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fz .mark-round {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  padding: 5px;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fz .head-fz-l {
  font-size: 22px;
  font-size: 2.2rem;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fz .head-fz-s {
  font-size: 18px;
  font-size: 1.8rem;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fw {
  vertical-align: middle;
  line-height: 1.5;
  margin-bottom: 10px;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fw .mark-round {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  padding: 5px;
}

.edit-wrapper .edit-main .tool-holder #tl-text .head-fw .head-fw-b {
  font-weight: bold;
}

.edit-wrapper .edit-main .tool-block-other {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.edit-wrapper .edit-main .sortable button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  border: none;
  background-color: #fff;
}

.edit-wrapper .edit-main .sortable button.item-edit {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -953px;
  padding-left: 15px;
  border: 2px solid #fff;
  cursor: pointer;
}

.edit-wrapper .edit-main .sortable button.item-delete {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -976px;
  padding-left: 15px;
  border: 2px solid #fff;
  cursor: pointer;
}

.edit-wrapper .edit-main .sortable button.item-handle {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -1000px;
  padding-left: 15px;
  border: 2px solid #fff;
  cursor: move;
}

.edit-wrapper .edit-main .sortable .sortable-item {
  padding: 5px;
}

.edit-wrapper .edit-main .sortable .sortable-item table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  border: none !important;
}

.edit-wrapper .edit-main .sortable .sortable-item .hdr-line,
.append_article h2[data-identifier="big"] {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}

.edit-wrapper .edit-main .sortable .sortable-item .hdr-point,
.append_article h2[data-identifier="small"] {
  border: none;
  border-left: 5px solid #4b4b4b;
  padding-left: 8px;
  font-size: 15px;
  line-height: 22px;
}

.edit-wrapper .edit-main .sortable .sortable-item .article-link {
  color: #656766;
  font-size: 15px;
  font-size: 1.5rem;
}

.edit-wrapper .edit-main .sortable .sortable-item .article-link .fz-mid {
  text-decoration: underline;
  line-height: 1.3;
}

.edit-wrapper .edit-main .sortable .sortable-item .article-link .fz-sml {
  color: #999799;
}

.edit-wrapper .edit-main .sortable .sortable-item .edit-item {
  display: none;
}

.edit-wrapper .edit-main .sortable .sortable-item .edit-item .edit-item-list {
  margin-top: 10px;
  float: right;
}

.edit-wrapper .edit-main .sortable .sortable-item .edit-item .edit-item-list li {
  float: left;
  margin-left: 5px;
}

.edit-wrapper .edit-main .sortable .add-here {
  display: none;
  position: relative;
}

.edit-wrapper .edit-main .sortable .add-here hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px dashed #ffd0d7;
}

.edit-wrapper .edit-main .sortable .add-here .add-here-btn {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -1023px;
  width: 51px;
  height: 19px;
  display: block;
  position: relative;
  top: -27px;
}

.edit-wrapper .edit-main .tool-block .quote {
  background-color: #f8f8f8;
  padding: 10px;
  font-style: oblique;
  line-height: 1.3;
}

.edit-wrapper .edit-main .tool-block .quote:before {
  display: inline-block;
  content: " ";
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -535px;
  width: 25px;
  height: 19px;
  padding-right: 5px;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.calculat_box {
  margin-top: 15px;
  background: #ffdfe4;
  overflow: hidden;
  border: solid 1px #ff415c;
  color: #ff415c;
}

.calculat_box p {
  display: inline-block;
  padding: 8px 0 0 10px;
}

.calculat_inner {
  float: right;
  text-align: right;
  font-size: 18px;
  color: #ffffff;
  background: #ff415c;
  padding: 5px 10px;
}

/*
.edit-wrapper .edit-main .sortable:hover .sortable-item {
  background-color: #ececec;
}
.edit-wrapper .edit-main .sortable:hover .edit-item,
.edit-wrapper .edit-main .sortable:hover .add-here {
  display: block;
}
*/
/* ADD BY Y */
.itemOpe {
  margin-bottom: 15px;
}

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

.upload-thumb img {
  max-width: 100%;
}

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

.mfp-iframe-scaler iframe {
  background: url('/img/ui/loading.gif') no-repeat scroll center center #fff !important;
}

.sortable {
  cursor: move;
  border: dotted 1px #ccc;
  margin: 5px 0;
}


.edit-wrapper .edit-main .add-page {
  background-color: #ececec;
  padding: 0 0 0 10px;
  line-height: 2;
}

.edit-wrapper .edit-main .add-page .add-mark {
  background-color: #4b4b4b;
  color: #fff;
  float: right;
  padding: 0 10px;
  line-height: 2;
}

.edit-wrapper .edit-main .add-page .add-mark:hover {
  background: #5f5f5f;
}

.edit-wrapper .edit-main .add-page .tl-item-area {
  margin: 0 0 0 5px;
  padding: 3px;
}

.edit-wrapper .edit-main .edit-category {
  margin-top: 30px;
}

.edit-wrapper .edit-main .edit-category .category {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2;
}

.edit-wrapper .edit-main .edit-category .category-desc {
  color: #7e7e7e;
  font-size: 12px;
  font-size: 1.2rem;
  padding-left: 10px;
  line-height: 2;
}

.edit-wrapper .edit-main .edit-genre {
  margin-top: 20px;
}

.edit-wrapper .edit-main .edit-genre .genre-btn {
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 88px;
  padding: 10px 0;
  text-align: center;
  display: block;
  cursor: pointer;
  background-color: #ececec;
  float: left;
  margin: 0 10px 10px 0;
  color: #4b4b4b;
  text-decoration: none;
}

.edit-wrapper .edit-main .edit-genre .genre-btn:hover {
  background-color: #ffd0d7;
}

.edit-wrapper .edit-main .edit-genre .genre-btn.select {
  background-color: #ffd0d7;
}

.edit-wrapper .edit-main .edit-genre .change-block {
  clear: both;
  font-size: 14px;
  font-size: 1.4rem;
}

.edit-wrapper .edit-main .edit-genre .change-block.select {
  display: block;
}

.edit-wrapper .edit-sub-block {
  border: 1px solid #ececec;
  padding: 15px;
  margin-bottom: 15px;
}

.edit-wrapper .edit-sub {
  width: 315px;
  float: right;
}

.edit-wrapper .edit-sub .edit-sub-block .avater-thumb {
  width: 94px;
  float: left;
  margin: 0 10px 5px 0;
}

.edit-wrapper .edit-sub .edit-sub-block .avater-pv {
  line-height: 1.5;
}

.edit-wrapper .edit-sub .edit-sub-block .avater-pv dt {
  font-size: 14px;
  font-size: 1.4rem;
}

.edit-wrapper .edit-sub .edit-sub-block .avater-pv dd {
  font-size: 12px;
  font-size: 1.2rem;
}

.edit-wrapper .edit-sub .edit-sub-block .avater-pv dd span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.edit-wrapper .edit-sub .edit-sub-block .mypage-btn {
  background-color: #dfdfdf;
  clear: both;
}

.edit-wrapper .edit-sub .edit-sub-block .mypage-btn a {
  color: #4b4b4b;
  text-decoration: none;
  font-weight: bold;
}

.edit-wrapper .edit-sub .edit-sub-bnr {
  margin-bottom: 10px;
  text-align: center;
}

.edit-wrapper .edit-sub .notice dt {
  line-height: 1.5;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ececec;
}

.edit-wrapper .edit-sub .notice dt .ico-notice {
  background-image: url(/img/icon/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -82px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

/* //.edit-wrapper */
/* .popup */
.popup-box {
  padding: 20px;
  width: 100%;
}

.popup-box .col-menu {
  width: 180px;
  margin-right: 10px;
  float: left;
}

.popup-box .col-menu .mn-link {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 30px 0;
  text-align: center;
  background-color: #ececec;
  border: 1px solid #ececec;
  display: block;
  color: #4b4b4b;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 2px;
}

.popup-box .col-menu .mn-link:hover {
  background-color: #fff;
  border-top: 2px solid #4b4b4b;
  padding: 29px 0;
}

.popup-box .col-menu .mn-link.select {
  background-color: #fff;
  border-top: 2px solid #4b4b4b;
  padding: 29px 0;
}

.popup-box .col-main {
  overflow: hidden;
  padding-left: 10px;
  border-left: 1px solid #ececec;
}

.popup-box .col-main .pop-ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.popup-box .col-main .thumb-block .thumb {
  float: left;
  margin-right: 10px;
}

.popup-box .col-main .thumb-block .thumb-ttl .minbtn {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 2px 10px;
  text-align: center;
  cursor: pointer;
  line-height: 2;
  vertical-align: top;
}

.popup-box .col-main .file-add-area select {
  padding: 3px;
  margin-bottom: 10px;
}

.popup-box .col-main .file-add-area tr {
  line-height: 3;
}

.popup-box .col-main .file-add-area .btn {
  display: block;
}

.popup-box .col-main .search-contents {
  text-align: right;
  padding-right: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.popup-box .col-main .search-contents a {
  color: #ff415c;
  text-decoration: none;
  font-weight: bold;
}

.popup-box .col-main .grid {
  width: 667px;
}

.popup-box .col-main .grid .grid-item {
  max-width: 146px;
  height: 200px;
  float: left;
  border: 3px solid #fff;
  overflow: hidden;
  position: relative;
}

.popup-box .col-main .grid .grid-item:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.popup-box .col-main .grid .grid-item .add-thumb-btn {
  display: none;
}

.popup-box .col-main .grid .grid-item:hover .add-thumb-btn {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 3px;
  background-color: #ff415c;
}

.popup-box .col-main .grid .grid-item .copy {
  font-size: 10px;
  font-size: 1.6rem;
  height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.popup-box .col-main .results-closeup {
  margin-top: 15px;
}

.popup-box .col-main .results-closeup .results-closeup-thumb {
  max-width: 286px;
  float: left;
  margin-right: 10px;
}

.popup-box .col-main .results-closeup .results-closeup-copy {
  color: #aaaaaa;
  font-size: 14px;
  font-size: 1.4rem;
  word-break: break-all;
}

.popup-box .col-main .results-closeup + .btn-2set {
  width: 276px;
  margin: 10px auto;
}

/* .popup */


/* add */
.edit-wrapper .edit-main .tool-holder .tool-operate {
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  padding: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}

.mypageNoPost {
  margin: 30px 0;
  text-align: center;
}

/* 170626 add pixta post用*/
.photoServiceBlock {
  margin: 10px 0;
}

.photoServiceItem {
  padding: 5px 0;
  width: 210px;
  border: #ececec 2px solid;
  margin: 0 10px;
  float: left;
  display: block;
  text-align: center;
}

.photoServiceItem span {
  font-size: 13px;
}

.photoServiceItem--state--active {
  border: 2px solid #9f9f67;
}

.getty-search th,
.pixta-search th {
  min-width: 270px;
  text-align: right;
}

.getty-search th input,
.pixta-search th input {
  width: 90%;
}

/* 商品リンク */
.sortable[data-identifier="product"],
#ico-product[data-identifier="product"] {
  padding: 15px 15px 25px 15px;
  border: 1px solid #d6d6d6;
  margin: 20px 0;
}

.sortable[data-identifier="product"] p[data-identifier="image"],
#ico-product[data-identifier="product"] p[data-identifier="image"] {
  max-width: 160px;
  float: left;
  margin: 0 10px 0 0 !important;
  max-height: 160px;
  overflow: hidden;
}

.sortable[data-identifier="product"] p[data-identifier="image"] img,
#ico-product[data-identifier="product"] p[data-identifier="image"] img {
  max-width: 100%;
  margin: 0 !important;
}

.sortable p[data-identifier="origin"] {
  font-size: 13px;
  line-height: 1.5;
}

.sortable[data-identifier="product"] p[data-identifier="price"],
#ico-product[data-identifier="product"] p[data-identifier="price"] {
  font-size: 18px;
  font-weight: bold;
}

.sortable p,
#ico-product p {
  margin: 0 0 20px;
}

.sortable .doubleBorderBtn,
#ico-product .doubleBorderBtn {
  margin: 30px auto 0;
  font-size: 12px;
  display: block;
  width: 150px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #040000;
  position: relative;
  padding: 0;
  background: #040000;
  color: #eeefae !important;
}

.sortable .doubleBorderBtn:after,
#ico-product .doubleBorderBtn:after {
  position: absolute;
  content: '';
  width: 144px;
  height: 28px;
  border: 1px solid #4a4c3a;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.sortable .doubleBorderBtn--color--white,
#ico-product .doubleBorderBtn--color--white {
  background: #fff;
  border: 1px solid #040000;
  color: #444 !important;
}

.sortable .doubleBorderBtn--color--white:hover {
  background: #000;
  margin-top: 30px;
  padding: 0;
  color: #fff !important;
}

.sortable .doubleBorderBtn--width--200,
#ico-product .doubleBorderBtn--width--200 {
  width: 200px;
}

.sortable .doubleBorderBtn--width--200:after,
#ico-product .doubleBorderBtn--width--200:after {
  width: 194px;
}

/* 一時的に追加 */
.contentsBlock .contBtn {
  font-size: 14px;
}



.postTagLeft {
  float: left;
  width: 385px;
  margin: 0 30px 0 0;
  overflow-y: scroll;
  height: 440px;
}

.postTag__ttl {
  margin: 10px 0 10px;
  font-weight: bold;
}

.postTagRight {
  float: left;
  width: 385px;
}

.postTagRight__warning {
  font-size: 12px;
  color: #f00;
  margin: 10px 0 15px;
  line-height: 1.4rem;
}

.postTagRight__priority {
  margin: 10px 0;
  font-size: 14px;
}

.postTagRightSortBox {
  padding: 10px;
  background: #f8f8f8;
  position: relative;
  cursor: move;
}

.postTagRightSortBox--color--darken {
  background: #f0f0f0;
}

.keywords__tags {
  font-size: 12px;
  color: #999899;
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #999899;
  margin: 0 5px 10px 0;
}

/* ========================================
20181107 直書きCSS移動応急処置
========================================*/

.pop-title {
  border-bottom: 1px #ececec solid;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.media-insert-box {
  margin-bottom: 60px;
}

.media-image img {
  width: 120px;
}

.media-meta-box {
  margin-bottom: 5px;
}

.media-holder-box .media-box .media-each {
  margin-bottom: 20px;
  padding: 10px 5px;
  margin-right: 10px;
  float: left;
  border: 1px #ececec solid;
  text-align: center;
  width: 150px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
}

.media-image {
  margin-bottom: 5px;
}

span.time {
  font-size: 12px;
  color: #999;
}

a.del {
  color: #ff415c;
  font-size: 14px;
}

.media-each .caption-box {
  color: #999;
  font-size: 10px;
}

.pager {
  margin: 50px auto 0 !important;
}

/* ========================================
プロフィール　旧応急措置
========================================*/


/* Profile PC============================ */

.access-smponly {
  display: none;
}

.backToMypage {
  width: 100%;
  margin: 0 auto;
}

.mypage-profile-inner {
  border: #ececec 1px solid;
  padding: 30px;
  margin-bottom: 10px;
}

.mypage-profile-inner .warning {
  color: #FF0000;
  margin-bottom: 30px;
  line-height: 1.4rem;
}

.mypage-profile-inner .mypage-profile-box .user-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.mypage-profile-inner .mypage-profile-box .user-table .user-photo-area,
.mypage-profile-inner .mypage-profile-box .user-table .mypage-btn-wrap {
  display: table-cell;
  vertical-align: bottom;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area {
  width: 230px;
  padding-right: 30px;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area .mypage-photo-select {
  margin: 5px 0 0 0;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area .mypage-photo-select + p {
  margin: 15px 0 0 0;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area .mypage-photo-select .submit-myphoto {
  margin-bottom: 5px;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area #media-add-area {
  width: 100% !important;
  margin: 25px auto 0 auto;
  height: auto !important;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area img {
  max-width: 100%;
  border: 1px solid #ececec;
  padding: 5px;
}

.mypage-profile-inner .mypage-profile-box .user-photo-area p {
  text-align: right;
}

.mypage-profile-inner .mypage-profile-box .user-data-area dl {
  border-top: none;
  width: 100%;
  margin: 20px auto;
  border-bottom: 1px solid #ececec;
}

.mypage-profile-inner .mypage-profile-box .user-data-area dl dd {
  margin-left: 235px;
  padding: 15px 10px;
  background: #fff;
}

.mypage-profile-inner .mypage-profile-box .user-data-area dl dt {
  clear: left;
  float: left;
  width: 215px;
  padding: 13px 5px;
  color: #4b4b4b;
}

.mypage-profile-inner .mypage-profile-box .user-data-area span {
  line-height: 1.4rem;
}

.mypage-profile-inner .favorite-box,
.mypage-profile-inner .interest-box,
.mypage-profile-inner .watch-box {
  background: #fff;
  padding: 15px;
  margin: 15px 0 0 0;
  border: #ececec 1px solid;
}

.mypage-profile-inner .favorite-box .my-tit,
.mypage-profile-inner .interest-box .my-tit,
.mypage-profile-inner .watch-box .my-tit {
  margin: 0 0 10px 0;
  display: block;
}

.mypage-profile-inner .favorite-box span:last-child,
.mypage-profile-inner .interest-box span:last-child,
.mypage-profile-inner .watch-box span:last-child {
  margin-bottom: 15px;
}

.mypage-profile-inner .favorite-box span.already-data,
.mypage-profile-inner .interest-box span.already-data,
.mypage-profile-inner .watch-box span.already-data {
  line-height: 1.4rem;
}

.mypage-profile-inner .favorite-box .drama-sort,
.mypage-profile-inner .interest-box .drama-sort,
.mypage-profile-inner .watch-box .drama-sort {
  list-style: none;
  margin: 20px 0;
}

.mypage-profile-inner .favorite-box .drama-sort li,
.mypage-profile-inner .interest-box .drama-sort li,
.mypage-profile-inner .watch-box .drama-sort li {
  float: left;
  margin-right: 15px;
}

.mypage-profile-inner .favorite-box .drama-sort li.active a,
.mypage-profile-inner .interest-box .drama-sort li.active a,
.mypage-profile-inner .watch-box .drama-sort li.active a {
  color: #c93b30 !important;
  cursor: default;
}

.mypage-profile-inner .favorite-box .drama-box,
.mypage-profile-inner .interest-box .drama-box,
.mypage-profile-inner .watch-box .drama-box {
  line-height: 1.4rem;
  height: 300px;
  overflow-y: scroll;
}

.mypage-profile-inner .favorite-box .drama-other-wrap,
.mypage-profile-inner .interest-box .drama-other-wrap,
.mypage-profile-inner .watch-box .drama-other-wrap {
  margin-top: 10px;
}

.mypage-profile-inner .required {
  color: #FF0000;
}

.mypage-profile-inner .mypage-btn-wrap {
  margin-top: 30px;
}

.mypage-profile-inner .mypage-btn-wrap a.btn-light {
  border: 1px solid #d7d7d7;
  background: #d7d7d7;
  float: right;
  padding: 0;
  margin-right: 10px;
}

.mypage-profile-inner .mypage-btn-wrap a.btn-light:hover {
  opacity: 0.86;
}

.mypage-profile-inner .mypage-btn-wrap .btn-deep {
  background: #000000;
  font-weight: normal;
  float: right;
  margin-right: 10px;
  padding: 0;
  line-height: 26px;
  border: none;
}

.mypage-profile-inner .mypage-btn-wrap .btn-deep a {
  color: #fff;
}

.mypage-profile-inner .mypage-btn-wrap .btn-deep:hover {
  opacity: 0.85;
}

.submitdiv edit-genre .major-publishing-actions {
  height: 100%;
}


/* 160317 point_book */
/* mypage left */
.point-area {
  margin-top: 20px;
}

.ico-point {
  background-image: url(/img/icon/points_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  height: 23px;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

.linkToPointBook {
  text-align: right;
  text-decoration: underline;
  font-size: 14px;
}

.linkToPointRanking {
  margin: 15px 0 10px;
}

.ico-pointRanking {
  background-image: url(/img/icon/ranking_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
  height: 26px;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

.linkToPointInfo {
  text-align: center;
  margin: 0 0 10px;
}

/* current */
.point-book h2,
.point-book h3 {
  color: #7e7e7e;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #9d9a33;
}

.point-book h2 {
  background-image: url(/img/icon/points_icon_large.png);
  background-repeat: no-repeat;
  padding: 0 0 10px 30px;
}

.point-book h3 {
  background-image: url(/img/icon/history_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 10px 30px;
  background-size: 22px;
}

.current-book {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f8f8f8), color-stop(0.43, #fff));
  background: -webkit-linear-gradient(top, #fff 43%, #f8f8f8 100%);
  background: linear-gradient(to bottom, #fff 43%, #f8f8f8 100%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.current-book-left,
.current-book-right {
  width: 50%;
}

.current-book-left {
  text-align: center;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.current-book-right {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

.current__ttl {
  font-size: 25px;
  color: #4b4b4b;
}

.ico-currentPoint {
  background-image: url(/img/icon/possession_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 0 50px;
  height: 39px;
  line-height: 2;
  display: inline-block;
  vertical-align: bottom;
}

.ico-currentLv {
  background-image: url(/img/icon/lv_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 0 45px;
  height: 40px;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

.ico-currentRank {
  background-image: url(/img/icon/rank_icon.png);
  background-repeat: no-repeat;
  padding: 0 0 0 45px;
  height: 40px;
  line-height: 2;
  display: inline-block;
  vertical-align: middle;
}

.current-point__line {
  background-image: url(/img/icon/point_line.png);
  background-repeat: no-repeat;
  width: 175px;
  height: 10px;
  display: inline-block;
  margin: 0 0 10px;
}

.current-book-left .current__ttl {
  margin: 20px 0;
}

.current-value {
  color: #9d9a33;
  font-size: 35px;
  font-weight: bold;
}

.current-lv {
  border-bottom: 1px solid #dcdcdc;
}

.current-lv,
.current-rank {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 20px 0;
}

.current-lv p,
.current-rank p {
  display: table-cell;
  vertical-align: middle;
}

.current-lv p.current__ttl,
.current-rank p.current__ttl {
  width: 60%;
  padding-left: 30px;
}

.current-lv p.current-value,
.current-rank p.current-value {
  width: 40%;
  text-align: center;
}

.point-book h2 span {
  color: #ff415c;
  font-size: 1.25em;
}

.point-book__ttl--type--current {}

.point-book__ttl--type--history {
  margin: 40px 0 0;
}

/*履歴*/
.point-history {
  width: 100%;
  background: #f8f8f8;
  border-collapse: separate;
}

.point-history th,
.point-history td {
  text-align: center;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 10px;
  white-space: nowrap;
}

.history-content {
  text-align: left !important;
  white-space: inherit !important;
}

/* 170323 追加 */
.user-data-area dl dd input {
  width: 98%;
  line-height: 2;
  text-indent: 0.3rem;
}

.user-data-area dl dd input.postal-input,
.user-data-area dl dd input.phoneCheck {
  width: 100px;
}

.a-ttl--type--comment {
  width: auto !important;
  max-width: 650px !important;
}

.input-example {
  margin: 5px 0 0;
}

.mypage-profile-inner .mypage-profile-box .user-data-area dl dt {
  font-weight: bold;
  line-height: 2;
}


.mp_gallery {
  background: url(/img/icon/mypage_icon_image.png) 10px center no-repeat #d7d7d7;
  padding: 10px 20px 10px 45px;
  float: right;
  margin: 0 10px;
  font-size: 14px;
}

.mp_article {
  display: none;
  background: url(/img/icon/mypage_icon_pen.png) 10px center no-repeat #d7d7d7;
  padding: 7px 20px 7px 45px;
  margin: 0 10px;
  font-size: 14px;
}

.edit-nav-btn {
  text-align: center;
}

.writer_profile_image {
  width: 175px;
  height: 175px;
  margin: 10px auto;

}

.writer_profile_image_thum {
  margin: 0 auto 5px;
  width: 175px;
  height: 175px;
  border-radius: 175px;
}

.writer_profile_txt {
  padding: 10px;
  overflow: hidden;
  line-height: 25px;
  text-align: left;
}

.writer_profile_edit {
  text-align: right;
  overflow: hidden;
  width: 100%;

}

.writer_profile_edit a {
  color: #9d9a33;
}

.section-tab2 {
  clear: both;
  margin: 15px 0 0 0;
}

.section-tab2 .section-list2 {
  width: 24%;
  padding: 6px 0;
  text-align: center;
  float: left;
  background-color: #f4f4f4;
  color: #666666;
  margin-right: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 25px;
}

.section-tab2 .select2 {
  background-color: #fff;
  color: #595c45;
  padding: 3px 0 6px 0;
  border-top: 3px solid #9d9a33;
  position: relative;
}

.select2:before {
  content: url(/img/arrow_top.png);
  position: absolute;
  left: 5px;
  top: 2px;
}

.article-block2 {
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
  overflow: hidden;
  border-bottom: solid 1px #ebebeb;
}

.a-thumb2 img {
  max-width: 120px;
  max-height: 90px;
}

.a-thumb2 {
  float: left;
  margin: 0 15px 0 0;
}

.article-block2 .a-info {
  margin: 0 0 0 135px;
}

.a-ttl2 {
  color: #4b4b4b;
  font-weight: bold;
  margin: 0 10px 10px 0;
  font-size: 13px;
  line-height: 18px;
}

.articleInfoBlockRight {
  font-weight: normal;
  font-size: 12px;
}

.articleInfoBlockRight span.block {
  display: block;
  line-height: 17px;
}

.dataL {
  font-weight: bold;
  font-size: 26px;
  padding: 0 10px 0 40px;
}

.dataL2 {
  font-weight: bold;
  font-size: 26px;
  padding: 0 15px;
}




/* 170704 add 投稿公開ボタンそば */
.cautionBeforePublish {
  position: relative;
  top: -5px;
  font-size: 12px;
  line-height: 14px;
}

.cautionBeforePublish a {
  color: #9d9a33;
}

/* 07.13 ライターページ修正 */
.writer_profile_leftContents {
  float: left;
}

.writer_profile_image {
  float: none;
}

.writer_profile_txt_category {
  margin: 30px 0 0;
}

.writer_profile_leftContents_text {
  text-align: center;
  margin: 15px 0 0;
  color: #656766;
}


/* ========================================
manual
========================================*/

/* ================== manual style ==================*/
.manual-ttl {
  display: block;
  color: #656766;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 32px;
  margin: 0 0 15px;
}

.manual-s-ttl {
  border-left: 5px solid #4b4b4b;
  padding-left: 8px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.manual-nav {
  background: #f3f3f3;
  margin-right: 15px;
  width: 370px;
  padding: 15px;
  float: left;
  line-height: 1.8;
  font-size: 15px;
  font-size: 1.5rem;
}

.manual-nav .inner-list {
  padding-left: 20px;
}

.guest-message {
  line-height: 1.8;
  font-size: 15px;
  font-size: 1.5rem;
}

.manual-article .manual-article-ttl {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.manual-b-btn a {
  border-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  min-width: 128px;
  padding: 10px 0;
  text-align: center;
  display: block;
  cursor: pointer;
  border: 1px solid #cbcbcb;
  background: #ececec;
  color: #4b4b4b;
  width: 350px;
  margin: 0 auto 20px;
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
}

.manual-article .manual-box {
  background: #f3f3f3;
  padding: 15px;
  margin-bottom: 20px;
  zoom: 1;
  line-height: 1.3;
}

.manual-article .manual-box:after {
  display: block;
  content: "";
  clear: both;
}

.manual-article .manual-box .manual-thumb {
  width: 565px;
  float: left;
  margin-right: 15px;
  box-shadow: 0 0 3px #4e4e4e;
  -moz-box-shadow: 0 0 3px #4e4e4e;
  -webkit-box-shadow: 0 0 3px #4e4e4e;
}

.manual-article .manual-box .manual-txt {
  font-size: 15px;
  font-size: 1.5rem;
}

.manual-article .manual-box .manual-txt .manual-point {
  padding: 15px;
  font-size: 13px;
  font-size: 1.3rem;
}

.manual-article .manual-box .manual-txt .manual-point .point-ttl {
  background: #000;
  color: #da536e;
  padding: 0 5px;
  display: inline;
  margin-bottom: 5px;
}

.manual-article .manual-box .manual-txt .manual-point .point-ttl + p {
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {

  .mainContentsArea,
  .singleColumLayout {
    width: 96%;
  }

  .manual_title {
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 0;
  }

  .manual-nav {
    width: 96%;
    padding: 10px 2%;
  }

  .guest-message {
    width: 100%;
    margin-top: 20px;
  }

  .manual-article .manual-box {
    padding: 1%;
  }

  .manual-article .manual-box .manual-thumb {
    width: 100%;
    margin-bottom: 10px;
    box-shadow: none;
  }

  .manual-article .manual-box .manual-thumb img {
    width: 100%;
  }

  .manual-article .manual-box .manual-txt {
    width: 100%;
  }

  .manual-b-btn a {
    width: 90%;
  }
}


/* ========================================
login　旧応急措置
========================================*/

.board-tit {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 20px 0;
}

.login-form-email {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
}

.send-btn {
  display: block;
  background: #fff;
  text-align: center;
  border: 1px solid #000;
  padding: 12px 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 320px;
  clear: both;
  z-index: 5;
  cursor: pointer;
}

.send-btn:hover {
  background: #000;
  color: #fff;
}

.fixed-page > section > h1 {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 20px 0;
}

/* ========================================
Peechik
========================================*/
.peechik_contents .mainhead {
  margin-bottom: 40px;
}

.peechik_contents .mainhead .title {
  background: url(/opfiles/uploadbox/img/mainhead_bg.png) no-repeat;
  width: 850px;
  height: 90px;
  display: block;
  color: #fff550;
  font-family: 'Righteous', cursive;
  font-size: 42px;
  font-size: 4.2rem;
  text-align: center;
  line-height: 1;
  padding-top: 10px;
}

.peechik_contents .mainhead .title span {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  font-weight: bold;
}

.peechik_contents .mainhead .desc {
  background: #fafafa url(/opfiles/uploadbox/img/lines_bg.png);
  padding: 20px 30px;
  line-height: 1.8;
}

.peechik_contents .mainhead .catch {
  color: #ed9238;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 0 0 10px 0;
}

.peechik_inlineblock {
  margin: 0 0 40px 0;
  padding: 0 30px;
}

.peechik_contents .sub_title {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

/* いま盛り上がっているスレッド */
.peechik_contents .sled_list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  align-self: center;
  border-bottom: 1px solid #cdcdcd;
  padding: 10px 0;
}

.peechik_contents .sled_list .sled_title {
  font-weight: bold;
  width: 50%;
  padding: 0 10px 0 0;
}

.peechik_contents .sled_list .sled_title a {
  color: #000;
}

.peechik_contents .sled_list .sled_genre {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  color: #b1b1b1;
}

.peechik_contents .sled_list .sled_time {
  align-self: center;
}

.peechik_contents .sled_list .res_count {
  display: inline-block;
  padding: 0 10px 0 0;
  min-width: 110px;
}

.peechik_contents .res_count .num {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

/* ジャンル一覧 */

.peechik_contents .genre_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.peechik_contents .genre_list li {
  width: 390px;
  margin: 0 0 15px 0;
}

.peechik_contents .genre_list .genre_card {
  border: 1px solid #ffb46a;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding: 0 30px;
  font-weight: bold;
  line-height: 70px;
}

.peechik_contents .genre_list .genre_card:hover {
  background: #fff2e6 url(/opfiles/uploadbox/img/lines_bg.png);
}

.peechik_contents .genre_list i {
  color: #ffb46a;
  font-size: 30px;
  font-size: 3rem;
  padding: 0 20px 0 0;
  vertical-align: middle;
}

/* ジャンル別スレッド一覧 */

.peechik_contents .mainhead .ganre_title {
  background: #fff2e6 url(/opfiles/uploadbox/img/lines_bg.png);
  text-align: center;
  font-weight: bold;
  padding: 22px 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.peechik_contents .mainhead .ganre_title i {
  color: #ffb46a;
  font-size: 22px;
  font-size: 2.2rem;
  vertical-align: middle;
  padding: 0 5px 0 0;
}

.peechik_contents .tab_c2 .tab_area .tab_btn {
  border-bottom: 1px solid #ffb46a;
}

.peechik_contents .tab_c2 .tab_area .visit {
  border-top: 5px solid #ffb46a;
  border-right: 1px solid #ffb46a;
  border-left: 1px solid #ffb46a;
  border-bottom: 1px solid #fff;
  color: #ed9238;
}

.peechik_contents .tabBottomLine {
  border-top: solid 1px #ffb46a;
}

.peechik_contents .sort {
  padding: 20px 0;
}

.peechik_contents .sort .visit {
  color: #ed9238;
}

/* articlelist 上書き */

.peechik_contents .articlelist_title a,
.peechik_contents .articlelist_title {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}

.peechik_contents .articlelist_data {
  display: block;
  float: none;
  text-align: right;
}

.peechik_contents .articlelist_data .res_count {
  display: inline-block;
}

.peechik_contents .sled_box {
  margin: 0 0 40px 0;
}

.peechik_contents .articlelist:first-child {
  border-top: 1px solid #cdcdcd;
}

.peechik_contents .articlelist {
  border-bottom: 1px solid #cdcdcd;
  padding: 15px 0;
}

.peechik_contents .desc .articlelist {
  padding: 0;
}

.peechik_contents .articlelist_title {
  margin: 0;
}

.peechik_contents .articlelist_content {
  width: 83%;
}

.peechik_contents .articlelist_media {
  width: 120px;
  height: 120px;
}

.peechik_contents .articlelist_media .articlelist_media_inner {
  height: 120px;
  overflow: hidden;
}

.peechik_contents .articlelist_media .articlelist_resize_horizontally {
  width: 120px;
  height: 120px;
  object-fit: cover
}

.peechik_contents .articlelist_media .articlelist_resize_vertically {
  width: 100%;
  height: auto;
}

/* スレッド */

.peechik_contents .mainhead .articlelist {
  border: none;
}

.peechik_contents .comment_box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
}

.peechik_contents .comment_thumb {
  width: 50px;
  overflow: hidden;
}

.peechik_contents .comment_container {
  width: 725px;
}

.peechik_contents .comment_container textarea {
  margin: 0;
  border: 1px solid #cdcdcd;
  resize: none;
  min-height: 80px;
}


.peechik_contents .textarea_countbox {
  text-align: right;
  color: #787878;
}

.peechik_submit_button {
  display: block;
  background: #fff;
  text-align: center;
  border: 1px solid #000;
  padding: 10px;
  overflow-x: hidden;
  position: relative;
  z-index: 5;
  font-size: 12px;
  cursor: pointer;
}

.peechik_submit_button:hover {
  background: #000;
  color: #fff;
}

.peechik_contents .reply {
  background: #ffb46a;
  color: #fff;
  width: 90px;
  text-align: left;
  display: inline-block;
  padding: 5px 10px;
}

.peechik_contents .reply:hover {
  background: #ff9c3a;
}

.peechik_contents .reply_open {
  background: #cdcdcd;
  color: #000;
}

.peechik_contents .reply_open:hover {
  background: #cdcdcd;
}

.peechik_contents .comment_archive {
  border-bottom: dotted 1px #d9d9d9;
  padding: 15px 0;
}

.peechik_contents .comment_archive:first-child {
  border-top: dotted 1px #d9d9d9;
}

.peechik_contents .comment_archive_item {
  padding: 0;
}

.peechik_contents .reply_box {
  margin: 15px 0;
  border-left: 5px solid #fff7a3;
  border-top: dotted 1px #d9d9d9;
  border-bottom: dotted 1px #d9d9d9;
}

.peechik_contents .reply_box .comment_box {
  border-left: 5px solid #cdcdcd;
  border-top: dotted 1px #d9d9d9;
  margin: 0 0 0 -5px;
  padding: 15px 0 15px 15px;
}

.peechik_contents .replyFrom {
  border-top: dotted 1px #d9d9d9;
}

.peechik_contents .replyFrom {
  clear: both;
  padding: 15px 0 15px 15px;
}

.peechik_contents .reply_box .reply_more {
  background: #fff7a3;
  text-align: center;
  padding: 15px 0;
  display: block;
}

.peechik_contents .reply_box .comment_Report {
  padding: 10px 0 0 0;
}

.peechik_attention {
  color: #787878;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 0 5px 0;
}