@charset "utf-8";
/* ----------------------------------------
サムネ付き記事リンク
---------------------------------------- */
.line-clamp1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.article-container.scroll {
  display: flex;
  overflow: scroll;
  position: relative;
  scrollbar-width: none;
}

.article-container.scroll::-webkit-scrollbar {
  display: none;
}

.article-container .arrow-left-sticky,
.article-container .arrow-right-sticky {
  display: block;
  position: sticky;
  height: 163px;
}

.article-container .arrow-left-sticky {
  right: calc(100% - 52px);
}

.article-container .arrow-right-sticky {
  right: 0;
}

.article-container.small .arrow-left-sticky,
.article-container.small .arrow-right-sticky {
  height: 126px;
}

.article-container .arrow-left,
.article-container .arrow-right {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 52px;
  height: 100%;
}

.article-container .arrow-left {
  background: linear-gradient(90deg, rgba(50, 45, 31, 0.75) 0%, rgba(50, 45, 31, 0) 45px);
}

.article-container .arrow-right {
  background: linear-gradient(-90deg, rgba(50, 45, 31, 0.75) 0%, rgba(50, 45, 31, 0) 45px);
}

.article-container .arrow-left-sticky::before,
.article-container .arrow-right-sticky::before  {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  border-top: 3px solid #FFFFFF;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
}

.article-container .arrow-left-sticky::before {
  right: 7px;
  border-left: 3px solid #FFFFFF;
  transform: translateY(-50%) rotate(-45deg);
}

.article-container .arrow-right-sticky::before {
  right: 12px;
  border-right: 3px solid #FFFFFF;
  transform: translateY(-50%) rotate(45deg);
}

/** サムネが上部のタイプ **/
.top-thumbnail-article.small {
  width: 190px;
}

.top-thumbnail-article {
  width: 245px;
}

.top-thumbnail-article.large {
  width: 380px;
}

.top-thumbnail-article.xlarge {
  width: 411px;
}

.top-thumbnail-article .top-thumbnail {
  width: 100%;
  height: auto;
}

.article-container.scroll .top-thumbnail-article {
  flex-shrink: 0;
}

.top-thumbnail-article .image-wrapper {
  display: block;
  position: relative;
}

.top-thumbnail-article .pr {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 5px;
  background: #322D1F;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}

.top-thumbnail-article .new {
  position: absolute;
  top: 6px;
  left: 5px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: #D53A0A;
}

.top-thumbnail-article .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.top-thumbnail-article .genre-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}

.top-thumbnail-article .genre-wrapper .genre {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  color: #2789A8;
}

.top-thumbnail-article .genre-wrapper .date {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  text-align: right;
  color: #AAAAAA;
}

.top-thumbnail-article .title {
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #322D1F;
}

.top-thumbnail-article.xlarge .title {
  font-size: 17px;
  line-height: 25px;
}

.top-thumbnail-article .title.dark {
  color: #FFFFFF;
}

.top-thumbnail-article .category::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  border-top: 2px solid;
}

.top-thumbnail-article .category span {
  display: inline-block;
  padding-top: 4px;
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  color: #AAAAAA;
}

/** サムネが左右のタイプ **/
.left-thumbnail-article-wrapper {
  width: 410px;
}

.left-thumbnail-article-wrapper::before {
  content: "";
  display: block;
  width: 68px;
  margin-bottom: 7px;
  border-top: 1px solid #808080;
}

.left-thumbnail-article-wrapper header {
  display: flex;
  justify-content: space-between;
  margin: 0 17px;
  height: 19px;
}

.left-thumbnail-article-wrapper .genre {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  color: #2789A8;
}

.left-thumbnail-article-wrapper .category::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  border-top: 2px solid;
}

.left-thumbnail-article-wrapper .category span {
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 15px;
  text-align: right;
  color: #AAAAAA;
}

.left-thumbnail-article-wrapper .left-thumbnail-article {
  margin-left: 15px;
  margin-right: 26px;
}

.left-thumbnail-article,
.right-thumbnail-article {
  padding-bottom: 18px;
}

.left-thumbnail-article .main,
.right-thumbnail-article .main {
  display: flow-root;
}

.left-thumbnail-article .image-wrapper,
.right-thumbnail-article .image-wrapper {
  position: relative;
  display: block;
}

.left-thumbnail-article img {
  float: left;
  margin-right: 13px;
  width: 125px;
}

.right-thumbnail-article img {
  float: right;
  margin-left: 13px;
  width: 125px;
}

.left-thumbnail-article .pr {
  position: absolute;
  top: 0px;
  left: 98px;
  padding: 0px 5px;
  background: #322D1F;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
}

.left-thumbnail-article .new {
  position: absolute;
  top: 2px;
  left: 2px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: left;
  color: #D53A0A;
}

.left-thumbnail-article .title,
.right-thumbnail-article .title {
  padding-top: 5px;
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #322D1F;
}

.left-thumbnail-article .date,
.right-thumbnail-article .date {
  display: block;
  padding-right: 9px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  color: #AAAAAA;
}

/** スケルトン **/
@keyframes skeleton-loop {
  from { opacity: 0.5; }
  to { opacity: 1; }
}

.skeleton-item {
  background: #F6F6F6;
  animation: 1s infinite alternate skeleton-loop;
}

.top-thumbnail-article.small.skeleton .thumbnail {
  height: 127px;
}

.top-thumbnail-article.small.skeleton .title {
  margin-top: 10px;
  border-radius: 12px;
  width: 177px;
  height: 12px;
}

.top-thumbnail-article.small.skeleton .title + .title {
  width: 120px;
}

/* ----------------------------------------
カテゴリ名
---------------------------------------- */
.category_name {
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  vertical-align: baseline;
}

/* ----------------------------------------
タグ
---------------------------------------- */
a.tag {
  color: #2789A8;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 50px;
  display: inline-block;
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
}

.tag-container .tag {
  margin: 4px 5px 0 0;
  padding: 2px 7px;
  font-family: Hiragino Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}

.tag-container.large .tag {
  margin-top: 9px;
  margin-right: 5px;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}

.tag-container.xlarge .tag {
  margin-top: 10px;
  margin-right: 10px;
  padding: 8px 11px;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}

/* ------------------------------------------------
  日付
------------------------------------------------ */
.date {
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}

/* ------------------------------------------------
ジャンルメニュー
------------------------------------------------ */
#genre_menu {
  font-size: 0;
  background-color: #000;
  margin-top: 9px;
  padding: 18px 0 17px 46px;
}

.bam #genre_menu {
  padding-top: 8px;
  padding-bottom: 6px;
}

#genre_menu li {
  list-style-type: none;
  margin-right: 60px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

#genre_menu li .gname {
  color: #fff;
  padding-left: 30px;
}

#genre_menu .gname i {
  color: #000;
  font-size: 18px;
  font-style: normal;
  text-align: center;
  line-height: 23px;
  margin-top: -12px;
  width: 23px;
  height: 23px;
}

.mac #genre_menu .gname i {
  line-height: 26px;
  margin-top: -14px;
}

/* ------------------------------------------------
日付
------------------------------------------------ */
.date-pc {
  position:absolute;
  font-size: 15px;
  padding-left: 3px;
}

.date-block {
  border-bottom: 1px solid #9fa0a0;
  padding-bottom: 5px;
  width: 624px;
  font-size: 15px;
  padding-left: 3px;
}

/* ------------------------------------------------
　PC-SNSツールボタン
------------------------------------------------ */
.sns-icon {
  border-bottom: 1px solid #9fa0a0;
  padding-bottom: 5px;
  width: 624px;
  text-align: right;
}

.sns-icon li {
  list-style-type: none;
  margin-left: 1em;
  display: inline-block;
  vertical-align: top;
}

.sns-icon li.comment-count a {
 background:url(/common/images/v2/common/article-comment.png) no-repeat left;
 background-size:20px 20px;
 padding-left:25px;
 font-size:14px;
}

/* ------------------------------------------------
  検索
------------------------------------------------ */
.searchform form {
  letter-spacing: -.4em;
}

.searchform form > span {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}

.searchform .inputtext {
  color: #000;
  font-size: 12px;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
  border-width: 0;
  border-bottom: 1px solid #e5e5e5;
  background: transparent;
  line-height: 15px\9;
  padding: 2px 2px 1px;
  width: 122px;
  position: relative;
}

.searchform.blank .inputtext {
  color: #3e3a39;
}

.searchform .form_btn {
  margin-left: -5px;
  position: relative;
  z-index: 1;
}

.searchform .form_btn button {
  background: transparent url(/common/images/v2/common/icon_search.png) 50% 50%  no-repeat;
  border-width: 0;
  width: 21px;
  height:21px;
  display: block;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ------------------------------------------------
パンくず
------------------------------------------------ */
.breadcrumb,
.breadcrumb a,
.breadcramb,
.breadcramb a {
  color: #000;
  display:none;
}

/* ------------------------------------------------
記事/カテゴリタイトル
------------------------------------------------ */
header.main {
  position: relative;
}

#billboard .breadcramb + header.main {
  padding-top: 20px;
}

header.main .genre,
header.main .column-name {
  font-size: 17px;
  line-height: 23px;
}

header.main .genre {
  margin-left: 7px;
}

header.main .column-name {
  margin-left: 17px;
}

header.main .column-name::before {
  content: "";
  width: 17px;
  border: 2px solid;
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
}

header.main .title,
header.main .column_title {
  font-family: Hiragino Sans;
  font-size: 32px;
  font-weight: 800;
  line-height: 53px;
  opacity: 1;
  filter: alpha(opacity=100);
}

header.main .column_title + .title {
  margin-top: .1em;
}

header.main .genre + .title {
  margin-top: 15px;
}

header.main .genre + .title p {
  float: left;
}

header.main.column .title {
  font-size: 26px;
  font-weight: 700;
}

/* ------------------------------------------------
次ページ 誘導見出し
------------------------------------------------ */
.nextpage {
  font-size: 18px;
  font-weight: bold;
  padding-top: 30px;
  text-align: center;
}

.nextpage a {
  padding: 12px;
  background-color: #322D1F;
  color: white;
  border-radius: 3px;
}

.nextpage a:hover {
  border: 5px solid #322D1F;
  color: #322D1F;
  background-color: white;
  text-decoration: none;
}

/* ------------------------------------------------
ページ繰り　新
------------------------------------------------ */
.pagination {
  margin: 57px 0;
  padding-right: 87px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}

.pagination .numbercurrent,
.pagination .number2 {
  margin: 0 6px;
}

.pagination .numbercurrent,
.pagination .number2 a {
  padding: 14px 20px;
}

.pagination .numbercurrent {
  color: #FFFFFF;
  border: none;
  background: #322D1F;
}

.pagination .number2 a {
  border: 1px solid #322D1F;
}

.pagination .number2 a:hover {
  color: #FFFFFF;
  background: #322D1F;
  text-decoration: none;
}

/* ------------------------------------------------
ブログ記事ページ繰り
------------------------------------------------ */
.blog_pagenation {
  border-bottom: 1px solid #9fa0a0;
  padding-top: 10px;
  width: 100%;
  position: relative;
}

.blog_pagenation > .arrow.prev .icon{
  width: 138px;
  height: 92px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.blog_pagenation > .arrow.next .icon{
  width: 138px;
  height: 92px;
  display: table-cell;
  vertical-align: middle;
}

.blog_pagenation > .link {
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #9fa0a0;
  padding: 10px;
}

.blog_pagenation > .index .label {
  color: #a0a0a0;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 20px;
}

.blog_pagenation > .index a {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.blog_pagenation > .arrow {
  font-size: 18px;
  padding-bottom: 10px;
  width: 100%;
}

.blog_pagenation > .arrow a {
  color: #434343;
  line-height: 1.4;
  text-decoration: none;
  display: table-cell;
}

.blog_pagenation > .arrow .label {
  font-weight: 700;
  line-height: 1;
  display: block;
}

.blog_pagenation > .arrow .title {
  font-family: 'Noto Sans Japanese', sans-serif;
  padding-top: 0.3rem;
  padding-left: 1rem;
  padding-right: 2rem;
  display: table-cell;
  line-height: 1.5;
  font-weight: 700;
  vertical-align: top;
}

.blog_pagenation > .arrow .title::before {
  content: "";
  background: url(/common/images/v2/main_column/category_index_arrow.png) no-repeat;
  display: block;
  width: 22px;
  height: 50px;
  position: absolute;
  margin-top: 16px;
}

.blog_pagenation > .arrow.prev {
  padding-left: 10px;
}

.blog_pagenation > .arrow.prev .label {
  text-align: right;
}

.blog_pagenation > .arrow.prev .title {
  padding-right: 30px;
}

.blog_pagenation > .arrow.prev .title::before {
  background-position: 100% 0;
  right: 10px;
}

.blog_pagenation > .arrow.next {
  padding-right: 10px;
}

.blog_pagenation > .arrow.next .title {
  padding-left: 40px;
  width: 466px;
}

.blog_pagenation > .arrow.next .title::before {
  left: 10px;
}

.blog_pagenation > .arrow .date {
  vertical-align: right;
  font-size: 11px;
  color: #9fa0a0;
}

.blog_pagenation > .arrow.prev .date{
  right: 3.5rem;
  position: absolute;
  bottom: 0;
}

.blog_pagenation > .arrow.next .date{
  right: 11.5rem;
  position: absolute;
  bottom: 0;
}

.blog_pagenation > .arrow .titledate {
  display:block;
}

#main-column .blog_pagenation + .sns-tools {
  border-top-width: 0;
  margin-top: 0;
}

.blog_pagenation > .index {
  text-align: center;
  border-left: 1px solid #9fa0a0;
  border-right: 1px solid #9fa0a0;
  padding-top: 8px;
}

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

/* ------------------------------------------------
記事リスト
------------------------------------------------ */
.header .title.en_ja {
  display: inline-block;
  vertical-align: bottom;
}

.header .title.en_ja .en,
.header .title.en_ja .ja {
  display: inline-block;
  vertical-align: bottom;
}

.header .title.en_ja .en {
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.header .title.en_ja .ja {
  font-size: 14px;
  line-height: 1;
}

.header .title.en_ja .en + .ja {
  margin-left: .5em;
}

.header .title.en_ja + .link {
  font-size: 14px;
  text-decoration: underline;
  margin-left: 1em;
  display: inline-block;
  vertical-align: bottom;
}

.header .title.en_ja + .link:hover {
  text-decoration: none;
}

section.articles .list li {
  list-style-type: none;
}

section.articles .list li > a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  *zoom: 1;
}

section.articles .list li .img {
  position: relative;
}

section.articles .list li .img.gif{
  height:204px;
  overflow:hidden;
  display:table-cell;
  vertical-align:middle;
}

section.articles .list li .img.gif img{
  width:100%;
}

section.articles .list li .txt {
  line-height: 1.5;
}

section.articles .list li.video a .img {
  position: relative;
}

section.articles .list li.video a .img::after {
  content: "";
  background: url(/common/images/v2/common/icon_video.png?rd=20170127) 50% 50%  no-repeat;
  -webkit-background-size: 86px auto;
  background-size: 86px auto;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left:0;
  top: 0;
  z-index: 1;
}

/* ----------------------------
  大写真リスト（2段組）
---------------------------- */
.articles.ph_list .list {
  letter-spacing: -0.4em;
}

.articles.ph_list .list li {
  letter-spacing: normal;
  margin-top: 15px;
  width: 306px;
  display: inline-block;
  vertical-align: top;
}

.articles.ph_list .list li:nth-of-type(2n) {
  margin-left: 12px;
}

.articles.ph_list .list li a {
  display: block;
  position: relative;
}

.articles.ph_list .list li .txt {
  padding: 8px;
  min-height: 60px;
  position: relative;
}

.articles.ph_list .list li .txt .title {
  font-size: 14px;
}

.articles.ph_list .list li .txt .footer {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 10px;
}

.articles.ph_list .list li .txt .genre {
  font-size: 10px;
  font-weight: 700;
  margin-right: 1em;
}

.articles.ph_list .list li .txt .date {
  font-size: 9px;
}

.articles.ph_list .list li .txt .buy {
  font-size: 10px;
  border: 1px solid #000;
  padding: 2px 8px 3px;
  position: absolute;
  right: 20px;
  bottom: 0;
}

.articles.ph_list .list li .metadata span {
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  display: inline-block;
  position: absolute;
}

.articles.ph_list .list li .metadata .new {
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
  left: 10px;
}

.articles.ph_list .list li .metadata .pr {
  color: #fff;
  font-size: 10px;
  background-color: #000;
  padding: 2px 8px 3px;
  right: 0;
  top: 0;
}

/* ----------------------------
  大写真リスト（1段組）
---------------------------- */
.articles.ph_list.col1 .list li {
  margin-top: 50px;
  width: 100%;
}

.articles.ph_list.col1 .list li:first-child {
  margin-top: 15px;
}

.articles.ph_list.col1 .list li:nth-child(2n) {
  margin-left: 0;
}

/* ----------------------------
  タイトルカバー型
  （写真にオーバーレイでテキストが載る）
---------------------------- */
.articles.ph_list .list li a .img > .column_title {
  color: #fff;
  font-size:14px;
  font-weight: bold;
  padding: .5em 10px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------
  ポートレート型リスト（SNAP、3段組）
---------------------------- */
.articles.portraits .list li {
  margin: 21px 21px 0 0;
  width: 194px;
}

.articles.portraits .list li:nth-child(2n) {
  margin-left: 0;
}

.articles.portraits .list li:nth-child(3n) {
  margin-right: 0;
}

.articles.portraits + .pagenation {
  margin-top: 50px;
}

/* ----------------------------
  最新記事
---------------------------- */
#whatsnew_articles > .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/whatsnew_title.png);
  width: 182px;
  height: 25px;
}

/*----- 最新記事のand more -----*/
#whatsnew_articles .andmore {
  margin-top: 15px;
}

#whatsnew_articles .andmore > .header .en {
  background-image: url(/common/images/v2b/main_column/whatsnew_andmore.png);
  width: 95px;
  height: 16px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#whatsnew_articles .andmore .list li {
  border-bottom: 1px solid #eee;
  margin-top: 0;
}

#whatsnew_articles .andmore .list li:first-child,
#whatsnew_articles .andmore .list li:nth-child(2) {
  border-top: 1px solid #eee;
  margin-top: 10px;
}

#whatsnew_articles .andmore .list li .metadata,
#whatsnew_articles .andmore .list li .tag {
  display: none;
}

#whatsnew_articles .andmore .list li a {
  padding: 14px 0;
  display: table;
}

#whatsnew_articles .andmore .list li a > .img,
#whatsnew_articles .andmore .list li a > .txt {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

#whatsnew_articles .andmore .list li a > .img::after {
  -webkit-background-size: 34px auto;
  background-size: 34px auto;
}

#whatsnew_articles .andmore .list li a .txt {
  padding: 0 0 0 10px;
}

#whatsnew_articles .andmore .list li .txt .title {
  font-size: 11px;
}

#whatsnew_articles .andmore .list li .txt .genre {
  position: absolute;
  bottom: 0;
}

#whatsnew_articles .andmore .footer {
  line-height: 1;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 20px;
}

#whatsnew_articles .andmore .footer a {
  text-align:center;
  padding: 10px 0 12px;
  display: block;
}

/* ----------------------------
  関連記事
---------------------------- */
#related_articles > .header .title {
  font-family: 'Noto Sans Japanese';
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

#related_articles .list li {
  border-bottom: 1px solid #eee;
  margin-top: 0;
  padding: 10px 15px;
}

#related_articles .list li:first-child {
  border-top: 1px solid #eee;
  margin-top: 15px;
}

#related_articles .list li a {
  display: table;
}

#related_articles .list li a > .img,
#related_articles .list li a > .txt {
  display: table-cell;
}

#related_articles .list li a .img {
  vertical-align: top;
  position: relative;
  width:138px;
}

#related_articles .list li a .img img{
  width:100%;
}

#related_articles .list li a .img::after {
  -webkit-background-size: 62px auto;
  background-size: 62px auto;
}

#related_articles .list li a .txt {
  background-color: transparent;
  padding-left: 24px;
  vertical-align: middle;
}

#related_articles .list li .txt .title {
  font-size: 14px;
  font-weight: 600;
}

#related_articles .list li .txt .date {
  color: #9fa0a0;
  font-size: 10px;
  margin-top: 20px;
  display: block;
}

#related_articles .list li .txt .genre {
  font-size: 10px;
  margin-top: 10px;
  display: block;
}

#related_articles .list li a .img > .column_title {
  color: #fff;
  font-size:10px;
  font-weight: 700;
  text-align: justify;
  text-justify: distribute;
  word-wrap:break-word;
  overflow-wrap:break-word;
  line-height:1.4;
  padding: 3px 5px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------
SPECIAL記事
---------------------------- */
#main-column #special_articles {
  margin-top: 40px;
}

#special_articles .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/special_title.png);
  width: 136px;
  height: 27px;
}

#special_articles .body {
  margin-top: 20px;
}

#special_articles .body .list {
  list-style-type: none;
}

#special_articles .body .list li:not(first-child) {
  margin-top: 15px;
}

#special_articles .body .date {
  display: none;
}

#special_articles .footer {
  text-align: right;
  margin-top: 10px;
}

#special_articles .footer a {
  text-decoration: underline;
}

#special_articles .footer a:hover {
  text-decoration: none;
}

/* ------------------------------------------------
Sellect 10
------------------------------------------------ */
#main-column #sellect10_articles {
  margin-top: 65px;
  position: relative;
}

#sellect10_articles > .header {
  width: 510px;
  position: relative;
  z-index: 2;
}

#sellect10_articles .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/today-title-c.png);
  width: 490px;
  height: 40px;
}

#sellect10_articles > .body {
  margin-top: 20px;
  width: 510px;
  float: left;
  position: relative;
  z-index: 0;
}

#sellect10_articles > .body .list {
  background-color: #fff;
  padding: 0;
  max-height: 500px;
  overflow: hidden;
}

#sellect10_articles > .body .list li {
  border-bottom: 1px solid #c9c9c9;
  float: left;
  position: relative;
}

#sellect10_articles > .body .list li > a {
  padding-bottom: 15px;
}

#sellect10_articles > .body .list li .img {
  text-align:center;
  min-height: 340px;
}

#sellect10_articles > .body .list li .img::after {
  -webkit-background-size: 120px auto;
  background-size: 120px auto;
}

#sellect10_articles > .body .list li .img img{
  max-width:100%;
}

#sellect10_articles > .body .list li .txt {
  line-height: 1.5;
  margin-top: 25px;
  min-height: 110px;
  display: table;
  position: relative;
}

#sellect10_articles > .body .list li .txt > div {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

#sellect10_articles > .body .list li .txt .left {
  width: 105px;
  float: none;
}

#sellect10_articles > .body .list li .txt .num {
  background: url(/common/images/v2b/main_column/sellect10_num.png) 0 0 no-repeat;
  width: 45px;
  height: 40px;
  display: block;
  position: absolute;
  left: 30px;
  top: 5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#sellect10_articles > .body .list li .txt .right {
  border-left: 1px solid #c9c9c9;
  padding-left: 20px;
  float: none;
}

#sellect10_articles > .body .list li .txt .title {
  font-size: 16px;
  font-weight: 600;
}

#sellect10_articles > .body .list li .txt .summary {
  color: #727171;
  font-size: 12px;
  margin-top: 2px;
}

#sellect10_articles > .body .list li .txt .date {
  color: #9fa0a0;
  font-size: 10px;
  position: absolute;
  bottom: 0;
}

#sellect10_articles > .body .list li .txt .genre {
  line-height: 1;
  text-align: center;
  width: 105px;
  position: absolute;
  left: 0;
  bottom: 0;
}

/*----- ナビ -----*/
#sellect10_articles > .body .slick-ctrl {
  width: 30px;
  height: 340px;
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
}

#sellect10_articles > .body .slick-ctrl:after {
  content: "";
  background: url(/common/images/v2/main_column/slider_arrow.png) 0 0 no-repeat;
  margin-top: -13px;
  width: 9px;
  height: 27px;
  position: absolute;
  top: 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#sellect10_articles > .body .slick-prev {
  left: 0;
}

#sellect10_articles > .body .slick-prev:after {
  left: 10px;
}

#sellect10_articles > .body .slick-prev:hover:after {
  left: 8px;
}

#sellect10_articles > .body .slick-next {
  right: 0;
}

#sellect10_articles > .body .slick-next:after {
  background-position: 100% 0;
  right: 10px;
}

#sellect10_articles > .body .slick-next:hover:after {
  right: 8px;
}

/*----- サムネイル -----*/
#sellect10_articles > .footer {
  margin-top: 0;
  width: 81px;
  position: absolute;
  right: 0;
  top: 0;
}

#sellect10_articles > .footer .list li {
  list-style-type: none;
  position: relative;
}

#sellect10_articles > .footer .list li::before {
  content: "";
  background: url(/common/images/v2b/main_column/sellect10_num_s.png) 0 0 no-repeat;
  width: 15px;
  height: 11px;
  display: block;
  position: absolute;
  left: -20px;
  top: 4px;
  z-index: 1;
}

#sellect10_articles > .footer .list li a {
  display: block;
}

#sellect10_articles > .footer .list li a.current {
  opacity: 0.7;
}

#sellect10_articles > .footer .list li .txt {
  display: none;
}

#sellect10_articles > .footer .list li .img {
  width: 81px;
}

#sellect10_articles > .footer .list li .img img {
  width: 100%;
  height: auto;
}

#sellect10_articles > .footer .list li .img::after {
  -webkit-background-size: 34px auto;
  background-size: 34px auto;
}

#sellect10_articles .body .list li.num2 .txt .num,
#sellect10_articles .footer .list li.num2::before {
  background-position: 0 11.111%;
}

#sellect10_articles .body .list li.num3 .txt .num,
#sellect10_articles .footer .list li.num3::before {
  background-position: 0 22.222%;
}

#sellect10_articles .body .list li.num4 .txt .num,
#sellect10_articles .footer .list li.num4::before {
  background-position: 0 33.333%;
}

#sellect10_articles .body .list li.num5 .txt .num,
#sellect10_articles .footer .list li.num5::before {
  background-position: 0 44.444%;
}

#sellect10_articles .body .list li.num6 .txt .num,
#sellect10_articles .footer .list li.num6::before {
  background-position: 0 55.555%;
}

#sellect10_articles .body .list li.num7 .txt .num,
#sellect10_articles .footer .list li.num7::before {
  background-position: 0 66.666%;
}

#sellect10_articles .body .list li.num8 .txt .num,
#sellect10_articles .footer .list li.num8::before {
  background-position: 0 77.777%;
}

#sellect10_articles .body .list li.num9 .txt .num,
#sellect10_articles .footer .list li.num9::before {
  background-position: 0 88.888%;
}

#sellect10_articles .body .list li.num10 .txt .num,
#sellect10_articles .footer .list li.num10::before {
  background-position: 0 100%;
}

/* ------------------------------------------------
 CELEB一覧
------------------------------------------------ */
#main-column #celeb_articles {
  background-color:#343343;
  margin-top: 40px;
}

#celeb_articles > .header {
  text-align: center;
  padding: 20px 0 15px;
}

#celeb_articles > .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/celeb_title.png);
  -webkit-background-size: contain;
  background-size: contain;
  width: 60px;
  height: 15px;
}

#celeb_articles .list li {
  margin: 0 !important;
  width: 270px;
  position:relative;
}

#celeb_articles .list li a {
  margin: 0 7px;
}

#celeb_articles .list li .new{
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
  left: 20px;
  position:absolute;
  z-index:999;
}

#celeb_articles .slick-dots {
  letter-spacing: -.4em;
  text-align: center;
  margin-top: -6px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}

#celeb_articles .slick-dots li {
  letter-spacing: normal;
  margin: 0  7px;
  display: inline-block;
  vertical-align: top;
}

#celeb_articles .slick-dots button {
  border-width: 0;
  border-radius: 10px;
  background-color: #fff;
  padding: 0;
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#celeb_articles .slick-dots .slick-active button {
  background-color: #666;
}

#celeb_articles > .footer {
  text-align: right;
  padding: 20px 55px;
  position: relative;
}

#celeb_articles > .footer a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  z-index: 1;
}

#celeb_articles > .footer a:hover {
  text-decoration: none;
}

/* ------------------------------------------------
 PITTI SNAP一覧
------------------------------------------------ */
#main-column #pittisnap_articles {
  margin-top: 30px;
}

#pittisnap_articles > .header {
  position: relative;
}

#pittisnap_articles > .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/pittisnap-slider-title.png);
  background-size: contain;
  width: 158px;
  height: 28px;
}

#pittisnap_articles .body {
  margin-top: 15px;
}

#pittisnap_articles .list li {
  margin: 0 !important;
  width: 194px !important;
  height: 291px;
  position:relative;
}

#pittisnap_articles .list li a {
  margin: 0 7px;
}

#pittisnap_articles .list li .new{
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
  left: 20px;
  position:absolute;
  z-index:999;
}

#pittisnap_articles .slick-dots {
  letter-spacing: -.4em;
  text-align: center;
  margin-top: -6px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}

#pittisnap_articles .slick-dots li {
  letter-spacing: normal;
  margin: 0  7px;
  display: inline-block;
  vertical-align: top;
}

#pittisnap_articles .slick-dots button {
  border-width: 0;
  border-radius: 10px;
  background-color: #000;
  padding: 0;
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#pittisnap_articles .slick-dots .slick-active button {
  background-color: #278dff;
}

#pittisnap_articles > .footer {
  text-align: right;
  padding: 10px 20px;
  position: relative;
}

#pittisnap_articles > .footer a {
  color: #000;
  font-size: 14px;
  text-decoration: underline;
  position: relative;
  z-index: 1;
}

#pittisnap_articles > .footer a:hover {
  text-decoration: none;
}

/* ------------------------------------------------
 MOVIE枠
------------------------------------------------ */
.movie-1 a {
  font-size: 16px;
  font-weight: bold;
  top: 0.2rem;
  position: relative;
}

.movie-1 li {
  list-style:none;
}

.movie-1 h3 iframe {
  width: 624px;
  height: 351px;
  top: 1rem;
  position: relative;
}

#recommended_videos .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/video-title-sp-190412.png);
  -webkit-background-size: contain;
  background-size: contain;
  width: 200px;
  height: 30px;
}

#recommended_videos .header {
  margin-top: 25px;
}

/* ------------------------------------------------
 SNAP一覧
------------------------------------------------ */
#main-column #snap_articles {
  margin-top: 30px;
}

#snap_articles .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/snap_title.png);
  -webkit-background-size: contain;
  background-size: contain;
  width: 90px;
  height: 28px;
}

#snap_articles > .body {
  margin-top: -10px;
}

#snap_articles > .footer {
  text-align: right;
  margin-top: 25px;
}

#snap_articles > .footer a {
  font-size: 14px;
  text-decoration: underline;
}

#snap_articles > .footer a:hover {
  text-decoration: none;
}

#main-column #snap_articles ul li {
  position:relative;
}

#main-column #snap_articles ul li .new{
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
  left: 10px;
  position:absolute;
  z-index:999;
}

/* ------------------------------------------------
 EROSABA PICKUP一覧
------------------------------------------------ */
#main-column #erosabapickup_articles {
  margin-top: 30px;
}

#erosabapickup_articles .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/erosaba-slider-title-1.png);
  -webkit-background-size: contain;
  background-size: contain;
  width: 220px;
  height: 28px;
}

#erosabapickup_articles > .body {
  margin-top: -10px;
}

#erosabapickup_articles > .footer {
  text-align: right;
  margin-top: 25px;
}

#erosabapickup_articles > .footer a {
  font-size: 14px;
  text-decoration: underline;
}

#erosabapickup_articles > .footer a:hover {
  text-decoration: none;
}

#main-column #erosabapickup_articles ul li {
  position:relative;
}

#main-column #erosabapickup_articles ul li .new {
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
  left: 10px;
  position:absolute;
  z-index:999;
}

/* ------------------------------------------------
 BLOG一覧
------------------------------------------------ */
#blog_articles .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/blog-title.png);
  -webkit-background-size: contain;
  background-size: contain;
  width: 195px;
  height: 28px;
}

#blog_articles .footer {
  line-height: 1;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 20px;
}

#blog_articles .footer a {
  text-align:center;
  padding: 10px 0 12px;
  display: block;
}

#blog_articles .text-footer {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 10px;
}

.articles.ph_list .list li a .img > .column_title{
  -webkit-text-stroke:.6px black !important;
}

/* ------------------------------------------------
 PITTI SNAP ARCHIVE
------------------------------------------------ */
.pittisnaparchives-top {
  position: relative;
  height: 416px;
  margin: 20px 0;
}

.pittisnaparchives-top p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 85px;
  color: #fff;
  font-weight: 900;
  letter-spacing: -0.05em;
  /*文字の装飾は省略*/
}
  
.pittisnaparchives-background {
  background-color: rgba(0,0,0,0.63);
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0%;
  left: 0%;
}

.pittisnaparchives-top img {
  width: 100%;
}

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

/* ------------------------------------------------
 PITTI SNAP ARCHIVE MENS
------------------------------------------------ */
.menssnap-body {
  text-align: center;
}

.menssnap-title {
  font-family: 'Century Gothic Regular';
  font-size:30px;
  color: #676767;
  margin-top: 30px;
  position: relative;
  display: inline-block;
}

/* ------------------------------------------------
 PITTI SNAP ARCHIVE WOMENS
------------------------------------------------ */
.womanssnap-body {
  text-align: center;
}

.womanssnap-title {
  font-family: 'Century Gothic Regular';
  font-size: 30px;
  color: #676767;
  margin-top: 30px;
  position: relative;
  display: inline-block;
}

/* ------------------------------------------------
 PITTI SNAP ARCHIVE ITEM
------------------------------------------------ */
.pittisnaparchives-item-title {
  font-family: 'Century Gothic Regular';
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 15px;
  border-bottom: solid 2px #898989;
}

.pittisnaparchives-item p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0;
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.05em;
  width: 280px;
  text-align: center;
}
  
.pittisnaparchives-background-item {
  background-color: rgba(0,0,0,0.63);
  width: 100%;
  height: 186px;
  position: absolute;
  top: 0%;
  left: 0%;
}

.pittisnaparchives-item img {
  width: 279px;
  }

.pittisnaparchives-item {
  position: relative;
  height: 186px;
  margin: 0 0 15px 20px;
  display: inline-block;
}

/* ------------------------------------------------
PITTI SNAP PORTRAITS
------------------------------------------------ */
.portraits-title {
  line-height: 1.3;
  font-size: 38px;
  border-bottom: solid 2px #898989;
  font-family: 'Century Gothic Regular';
}

/* ------------------------------------------------
PITTI SNAP BANNER
------------------------------------------------ */
.pittisnapbanner {
  margin: 30px auto;
  width: 960px;
  position: relative;
}

.pittisnapbanner img {
  width: 624px !important;
}

/* ------------------------------------------------
PITTI SNAP RECTANGLE
------------------------------------------------ */
.pittisnap-rectangle{
  margin-top: 3rem;
}

/* ------------------------------------------------
 EROSABA一覧
------------------------------------------------ */
#main-column #erosaba_articles {
  margin-top: 15px;
}
#erosaba_articles > .header {
  position: relative;
}
#erosaba_articles > .header .title.en_ja .en {
  background-image: url(/common/images/v2b/main_column/erosaba-slider-title-1.png);
  background-size: contain;
  width: 240px;
  height: 26px;
}
#erosaba_articles .body {
  margin-top: 15px;
}
#erosaba_articles .list li {
  margin: 0 !important;
  width: 194px !important;
  height: 291px;
  position:relative;
}
#erosaba_articles .list li a {
  margin: 0 7px;
}
#erosaba_articles .list li .new{
  color: #ff0000;
  font-size: 12px;
  font-weight: 700;
  top: 10px;
  left: 20px;
  position:absolute;
  z-index:999;
}
#erosaba_articles .slick-dots {
  letter-spacing: -.4em;
  text-align: center;
  margin-top: -6px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}
#erosaba_articles .slick-dots li {
  letter-spacing: normal;
  margin: 0  7px;
  display: inline-block;
  vertical-align: top;
}

#erosaba_articles .slick-dots button {
  border-width: 0;
  border-radius: 10px;
  background-color: #000;
  padding: 0;
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#erosaba_articles .slick-dots .slick-active button {
  background-color: #278dff;
}
#erosaba_articles > .footer {
  text-align: right;
  padding: 10px 20px;
  position: relative;
}
#erosaba_articles > .footer a {
  color: #000;
  font-size: 14px;
  text-decoration: underline;
  position: relative;
  z-index: 1;
}
#erosaba_articles > .footer a:hover {
  text-decoration: none;
}

/* ------------------------------------------------
 EROSABA BANNER
------------------------------------------------ */
.erosababanner {
  margin: 30px auto;
  width: 960px;
  position: relative;
}

.erosababanner img {
  width: 624px !important;
}

/* ------------------------------------------------
 記事告知用バナー１
------------------------------------------------ */
#bnr_article_1  {
  margin-top: 15px;
  text-align: center;
}

#bnr_article_1 .list {
  list-style-type: none;
}

#bnr_article_1 .list li:not(first-child) {
  margin-top: 1rem;
}

/* ------------------------------------------------
 記事告知用バナー２
------------------------------------------------ */
#bnr_article_2  {
  margin-top: 15px;
}

#bnr_article_2 .list {
  list-style-type: none;
}

#bnr_article_2 .list li:not(first-child) {
  margin-top: 1rem;
}

/* ------------------------------------------------
 記事告知用バナー3
------------------------------------------------ */
#bnr_article_3  {
  margin-top: 15px;
  text-align: center;
}

#bnr_article_3 .list {
  list-style-type: none;
}

#bnr_article_3 .list li:not(first-child) {
  margin-top: 1rem;
}

/* ------------------------------------------------
広告
------------------------------------------------ */
.ad_gate_side {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 200;
}

#ad_gate_l {
  margin-left: -634px;
}

#ad_gate_r {
  margin-left: 494px;
}

#list_columns.articles.ph_list .list li .txt .footer {
  position:static;
}

.singlead {
  margin: 18px 0;
  text-align: center;
}

.doublead {
  display: flex;
  justify-content: space-between;
  padding: 0 95px;
}

.doublead.in-article {
  margin: 20px 0;
  padding: 15px 95px;
  border-top: 1px solid #322D1F;;
  border-bottom: 1px solid #322D1F;;
}

.doublead.under {
  padding-top: 30px;
  padding-bottom: 33px;
}

/* ------------------------------------------------
 クリップボタン
------------------------------------------------ */
.clip_btn {
  color: #000;
  float: right;
  padding: 9px 20px 9px 40px;
  border: 2px solid #d4020d;
  border-radius: 30px;
  text-align: center;
  font-size: 13px;
  background: #fff url(/common/images/v2/clip-red.png) 17px 9px no-repeat;
  background-size: 17px;
  cursor:pointer;
}

.clip_btn.clipped {
  color: #fff;
  background: #d4020d url(/common/images/v2/clip.png) 17px 9px no-repeat;
  background-size: 17px;
}

/* ------------------------------------------------
 ログアウト
------------------------------------------------ */
.logout {
  text-align: center;
  font-size: 24px;
  margin: 200px auto;
}

.logout .to-top-btn a {
  display: block;
  width: 400px;
  background: #000;
  color: #fff;
  padding: 14px 0;
  margin: 40px auto 20px;
  font-size: 18px;
  position: relative;
  letter-spacing: 1px;
}

.logout .to-top-btn a:hover {
  text-decoration: none;
}

.logout .to-top-btn a::after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

/* ------------------------------------------------
 退会画面
------------------------------------------------ */
.resign .content {
  padding-top: 110px;
  max-width: 940px;
  width: 100%;
  margin: auto;
}

.resign h1 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
}

.resign button.submit {
  appearance: none;
  width: 350px;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  background: #000;
  color: #fff;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 18px;
  display: block;
  position: relative;
  border-style: none;
}

.resign .txt-message {
  margin: 5em auto;
  width: 670px;
}

.resign .txt-message h2{
  text-align: center;
  font-size: 21px;
  margin-bottom: 1em;
}

.resign .txt-message p{
  margin-bottom: 1em;
  font-size: 18px;
  line-height: 1.8;
}

.resign .mypagelink {
  width: 350px;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  background: #fff;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  display: block;
  position: relative;
  border: solid 1px #000;
}

/* ------------------------------------------------
  マイページ用ボタン
------------------------------------------------ */
.common-mypage-arrow {
  margin: 50px 0;
}

.common-mypage-arrow .member-info {
  display: block;
  border: solid 5px #eaeaea;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  height: 64px;
  position: relative;
  text-align: center;
}

.common-mypage-arrow .member-info:hover {
  text-decoration: none;
  background: #f5f5f5;
}

.common-mypage-arrow .member-info .member-name {
  display: block;
  line-height: 1.4;
  margin-top: 8px;
}

.common-mypage-arrow .member-info .member-mypage {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}

.common-mypage-arrow .member-initial {
  width: 44px;
  height: 44px;
  display: inline-block;
  border-radius: 44px;
  font-size: 26px;
  text-align: center;
  line-height:4 4px;
  color: #808080;
  background: #eaeaea;
  position: absolute;
  top: 5px;
  left: 5px;
}

/* ------------------------------------------------
 確認画面
------------------------------------------------ */
.modal-overlay {
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  display: none;
}

.modal{
  background: #fff;
  margin: auto;
  padding: 50px;
  box-sizing: border-box;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 1px solid #DDDDDD;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.125);
  display: none;
}

/* ------------------------------------------------
  comment
------------------------------------------------ */
.m-comment {
  background-color: #FFFBCC;
  color: #333;
  padding: 16px;
  margin-top: 30px;
}

.m-comment-inner {
  padding: 20px 17px;
  border: 1px solid #333;
  border-radius: 20px;
}

.m-comment-title {
  text-align: center;
  font-family: Open Sans;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 7px;
}

.m-comment-image-wrap {
  position: relative;
  width: 232px;
  padding-bottom: 66.67%;
  margin: 0 auto 5px;
  overflow: hidden;
}

.m-comment-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  object-fit: cover;
}

.m-comment-text {
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 8px;
}

.m-comment-btn {
  width: 186px;
  height: 40px;
  margin: 0 auto;
  padding-left: 60px;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #333;
  border-radius: 100vh;
  background: url(/common/images/icons/icon-comment1.svg) no-repeat left 30px center/20px #fff;
  box-sizing: border-box;
}

.font-hide {
  font-size: 0;
}