@charset "UTF-8";
/*==============================================================================
  common.css

  table of contents:

  - 1.reset
  - 2.default
  - 3.parts
  - 4.style
  - 5.block
  ----------------------
  - 0.other
  - 0.plugin override
==============================================================================*/


/*==============================================================================
  reset
==============================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
img, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
canvas,
footer, header, hgroup, menu, nav, section, summary, time {
    margin:0;
    padding:0;
    border:0;
    list-style: none;
}
body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*==============================================================================
  default
==============================================================================*/
html{
  height: 100%;
  font:13px/1.4 Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
}
/*language fontSet*/
html:lang(ja) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","Segoe UI Symbol","MS Pゴシック",sans-serif;
}
html:lang(en) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","Segoe UI Symbol","MS Pゴシック",sans-serif;
}
html:lang(zh_CN) {
  font-size: 13px;
  line-height: 1.4;
  font-family: 'MicroSoft YaHei','Lantinghei SC','SimHei',Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,YuGothic,Arial,sans-serif;
}
html:lang(zh_TW) {
  font-size: 13px;
  line-height: 1.4;
  font-family: 'Microsoft JhengHei','Lantinghei TC','SimSun',Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,YuGothic,Arial,sans-serif;
}
html:lang(ko) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS Pゴシック","Segoe UI Symbol",sans-serif;
}
html:lang(ru) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","Segoe UI Symbol","MS Pゴシック",sans-serif;
}
html:lang(es) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","Segoe UI Symbol","MS Pゴシック",sans-serif;
}
html:lang(vi) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","Segoe UI Symbol","MS Pゴシック",sans-serif;
}
html:lang(fr) {
  font-size: 13px;
  line-height: 1.4;
  font-family: Arial,Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ","Segoe UI Symbol","MS Pゴシック",sans-serif;
}
table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:inherit;
    font:100%;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
a {
  color: #356FB7;
  text-decoration: none;
}
a:hover {
  color: #eb4e7e;
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?gowygg');
    src:url('../fonts/icomoon.eot?gowygg#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?gowygg') format('truetype'),
        url('../fonts/icomoon.woff?gowygg') format('woff'),
        url('../fonts/icomoon.svg?gowygg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*==============================================================================
  style
==============================================================================*/
.clearfix{
    zoom:1; /* clear float - ie */
}
.clearfix:after{ /* clear float */
    content:".";
    display:block;
    height:0;
    clear: both;
    visibility:hidden;
}

/*====================================
  style > fontsize
======================================*/
.fontsize10{font-size: 77% !important;}
.fontsize11{font-size: 85% !important;}
.fontsize12{font-size: 93% !important;}
.fontsize13{font-size: 106% !important;}
.fontsize14{font-size: 108% !important;}
.fontsize15{font-size: 116% !important;}
.fontsize16{font-size: 124% !important;}
.fontsize17{font-size: 131% !important;}
.fontsize18{font-size: 139% !important;}
.fontsize19{font-size: 147% !important;}
.fontsize20{font-size: 154% !important;}
.fontsize21{font-size: 162% !important;}
.fontsize22{font-size: 170% !important;}
.fontsize23{font-size: 177% !important;}
.fontsize24{font-size: 185% !important;}
.fontsize25{font-size: 193% !important;}
.fontsize26{font-size: 200% !important;}
.fontsize30{font-size: 230% !important;}
.fontsize50{font-size: 384% !important;}

/*====================================
  style > padding,margin
======================================*/
.padding0{padding: 0px !important;}
.padding5{padding: 5px !important;}
.padding10{padding: 10px !important;}
.padding15{padding: 15px !important;}
.padding20{padding: 20px !important;}
.padding25{padding: 25px !important;}
.padding30{padding: 30px !important;}
.padding40{padding: 40px !important;}
.padding50{padding: 50px !important;}
.top0{padding-top: 0px !important;}
.top5{padding-top: 5px !important;}
.top10{padding-top: 10px !important;}
.top15{padding-top: 15px !important;}
.top20{padding-top: 20px !important;}
.top25{padding-top: 25px !important;}
.top30{padding-top: 30px !important;}
.top40{padding-top: 40px !important;}
.top50{padding-top: 50px !important;}
.left0{padding-left: 0px !important;}
.left5{padding-left: 5px !important;}
.left10{padding-left: 10px !important;}
.left15{padding-left: 15px !important;}
.left20{padding-left: 20px !important;}
.left25{padding-left: 25px !important;}
.left30{padding-left: 30px !important;}
.left40{padding-left: 40px !important;}
.left50{padding-left: 50px !important;}
.bottom0{padding-bottom: 0px !important;}
.bottom5{padding-bottom: 5px !important;}
.bottom10{padding-bottom: 10px !important;}
.bottom15{padding-bottom: 15px !important;}
.bottom20{padding-bottom: 20px !important;}
.bottom25{padding-bottom: 25px !important;}
.bottom30{padding-bottom: 30px !important;}
.bottom40{padding-bottom: 40px !important;}
.bottom50{padding-bottom: 50px !important;}
.right0{padding-right: 0px !important;}
.right5{padding-right: 5px !important;}
.right10{padding-right: 10px !important;}
.right15{padding-right: 15px !important;}
.right20{padding-right: 20px !important;}
.right25{padding-right: 25px !important;}
.right30{padding-right: 30px !important;}
.right40{padding-right: 40px !important;}
.right50{padding-right: 50px !important;}
.margin0{margin: 0px !important;}
.margin5{margin: 5px !important;}
.margin10{margin: 10px !important;}
.margin15{margin: 15px !important;}
.margin20{margin: 20px !important;}
.margin25{margin: 25px !important;}
.margin30{margin: 30px !important;}
.margin40{margin: 40px !important;}
.margin50{margin: 50px !important;}
.mtop0{margin-top: 0px !important;}
.mtop5{margin-top: 5px !important;}
.mtop10{margin-top: 10px !important;}
.mtop15{margin-top: 15px !important;}
.mtop20{margin-top: 20px !important;}
.mtop25{margin-top: 25px !important;}
.mtop30{margin-top: 30px !important;}
.mtop40{margin-top: 40px !important;}
.mtop50{margin-top: 50px !important;}
.mleft0{margin-left: 0px !important;}
.mleft5{margin-left: 5px !important;}
.mleft10{margin-left: 10px !important;}
.mleft15{margin-left: 15px !important;}
.mleft20{margin-left: 20px !important;}
.mleft25{margin-left: 25px !important;}
.mleft30{margin-left: 30px !important;}
.mleft40{margin-left: 40px !important;}
.mleft50{margin-left: 50px !important;}
.mbottom0{margin-bottom: 0px !important;}
.mbottom5{margin-bottom: 5px !important;}
.mbottom10{margin-bottom: 10px !important;}
.mbottom15{margin-bottom: 15px !important;}
.mbottom20{margin-bottom: 20px !important;}
.mbottom25{margin-bottom: 25px !important;}
.mbottom30{margin-bottom: 30px !important;}
.mbottom40{margin-bottom: 40px !important;}
.mbottom50{margin-bottom: 50px !important;}
.mright0{margin-right: 0px !important;}
.mright5{margin-right: 5px !important;}
.mright10{margin-right: 10px !important;}
.mright15{margin-right: 15px !important;}
.mright20{margin-right: 20px !important;}
.mright25{margin-right: 25px !important;}
.mright30{margin-right: 30px !important;}
.mright40{margin-right: 40px !important;}
.mright50{margin-right: 50px !important;}
.st-indent-1em{padding-left: 1em;text-indent: -1em;}

/*====================================
  style > other
======================================*/
/* 旧・汎用非活性クラス　こちらは新規では使用しない */
.disable {
    opacity:0.4;
}
/* 新・汎用非活性クラス */
.disabled {
    opacity:0.4;
}

.right {float: right;}
.left {float: left;}
.hidden_text {position:relative;}
.alert {color:#f2506e !important;}
.pointer {cursor: pointer !important;}
.no-pointer {cursor: default !important;}
.bold {font-weight: bold !important;}
.gray {color: #767676;}
.link_blue {color: #356fb7!important;}
.link_blue:hover {color: #eb4e7e!important;}
.opacity0{
  opacity: 0 !important;
  filter:alpha(opacity=0)!important;
}

/*====================================
  style > 廃止予定
======================================*/
.hide_text {
    text-indent: 100%;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.lineheight08{line-height:0.8 !important;}
.lineheight10{line-height:1.0 !important;}
.lineheight12{line-height:1.2 !important;}
.lineheight15{line-height:1.5 !important;}
.lineheight18{line-height:1.8 !important;}
.lineheight20{line-height:2.0 !important;}

.middlePosition{margin: 0 auto 0 !important;}
.textcenter{text-align: center !important;}

/*==============================================================================
  parts
==============================================================================*/
/*====================================
  parts >  btn
======================================*/
.pt-btn-contestList{
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  border:1px solid #ea4849;
  color: #ea4849;
  padding: 8px 18px;
  min-width: 180px;
  font-weight: bold;
}
.pt-btn-contestList:hover{
  background-color: #ea4849;
  color: #fff;
}

/*====================================
  parts > keyframes
======================================*/
@keyframes anim-scale-a {
/*
  0% { transform: scale(0.4, 0.4);}
  40% { transform: scale(1.2, 1.2);}
  60% { transform: scale(1, 1);}
  80% { transform: scale(1.1, 1.1);}
  100% { transform: scale(1, 1);}*/
  0% { transform: scale(0.4, 0.4);}
  40% { transform: scale(1.1, 1.1);}
  60% { transform: scale(1.05, 1.05);}
  100% { transform: scale(1, 1);}
}
@-webkit-keyframes anim-scale-a {
/*  0% { -webkit-transform: scale(0.4, 0.4);}
  40% { -webkit-transform: scale(1.2, 1.2);}
  60% { -webkit-transform: scale(1, 1);}
  80% { -webkit-transform: scale(1.1, 1.1);}
  100% { -webkit-transform: scale(1, 1);}
*/
  0% { -webkit-transform: scale(0.4, 0.4);}
  40% { -webkit-transform: scale(1.1, 1.1);}
  60% { -webkit-transform: scale(1.05, 1.05);}
  100% { -webkit-transform: scale(1, 1);}
}

@keyframes l_circleA{
  0%{
    background-color:rgb(118,118,118);
  }

  100%{
    background-color:rgb(241,241,241);
  }
}

@-o-keyframes l_circleA{
  0%{
    background-color:rgb(118,118,118);
  }

  100%{
    background-color:rgb(241,241,241);
  }
}

@-ms-keyframes l_circleA{
  0%{
    background-color:rgb(118,118,118);
  }

  100%{
    background-color:rgb(241,241,241);
  }
}

@-webkit-keyframes l_circleA{
  0%{
    background-color:rgb(118,118,118);
  }

  100%{
    background-color:rgb(241,241,241);
  }
}

@-moz-keyframes l_circleA{
  0%{
    background-color:rgb(118,118,118);
  }

  100%{
    background-color:rgb(241,241,241);
  }
}

/*====================================
  parts > iconfont
======================================*/
.iconfont:before {
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*icon  common*/
/* ヘッダーのアイコン一覧 */
.icon-message:before {
  content: "\e675";
}
.icon-friends:before {
  content: "\e676";
}
.icon-notification:before {
  content: "\e716";
}
.icon-setting:before {
  content: "\e683";
}
.icon-cart:before {
  content: "\e62b";
}
.icon-help:before {
  content: "\e618";
}
.icon-home:before {
  content: "\e915";
}
.icon-comic:before {
  content: "\e724";
}
.icon-comic02:before {
  content: "\e927";
}
.icon-illust:before {
  content: "\e925";
}
.icon-novel:before {
  content: "\e705";
}
.icon-shelf:before {
  content: "\e725";
}
.icon-search:before {
  content: "\e617";
}
.icon-mypage:before {
  content: "\e616";
}
.icon-mypageReader:before {
  content: "\e92e";
}
/*ネームアイコン*/
.icon-draft:before {
  content: "\e722";
}
/* 新規登録・ログイン */
.icon-userEntry:before {
  content: "\e641";
}
.icon-userLogin:before {
  content: "\e640";
}
/* 作品のビュー・ライク数 */
.icon-viewCount:before {
  content: "\e626";
}
.icon-likeCount:before {
  content: "\e655";
}
/* ページ遷移アイコン */
.icon-link01:before {
  content: "\e61b";
}
/* 矢印(棒なし1) */
.icon-arrow01-left:before {
  content: "\e610";
}
.icon-arrow01-right:before {
  content: "\e609";
}
.icon-arrow01-top:before {
  content: "\e612";
}
.icon-arrow01-bottom:before {
  content: "\e611";
}
/* 矢印(棒あり) */
.icon-arrow02-left:before {
  content: "\e604";
}
.icon-arrow02-right:before {
  content: "\e606";
}
.icon-arrow02-top:before {
  content: "\e605";
}
.icon-arrow02-bottom:before {
  content: "\e607";
}
/* 矢印(棒なし2左右) */
.icon-arrow03-left:before {
  content: "\e704";
}
.icon-arrow03-right:before {
  content: "\e707";
}
/* 矢印(棒なし3上下) */
.icon-arrow04-top:before {
  content: "\e688";
}
.icon-arrow04-bottom:before {
  content: "\e687";
}
/* reloadマーク */
.icon-reload:before{
  content: "\e94e";
}
/* 指マーク */
.icon-finger01:before {
  content: "\e92f";
}
/*+マーク*/
.icon-plus:before {
  content: "\e621";
}
/*!マーク*/
.icon-exclamation:before {
  content: "\e684";
}
.icon-alert01:before{
  content: "\e636";
}
/*並び替え、ソート*/
.icon-sort:before {
  content: "\e926";
}
/* ビューア（しおり・お気に入り・表示変更など） */
.icon-bkm:before {
  content: "\e649";
}
.icon-star01:before {
  content: "\e721";
}
.icon-view01:before {
  content: "\e669";
}
.icon-view02:before {
  content: "\e919";
}
.icon-view03:before {
  content: "\e670";
}
.icon-view04:before {
  content: "\e671";
}
.icon-help01:before {
  content: "\e668";
}
.icon-close01:before {
  content: "\e623";
}
.icon-close02:before {
  content: "\e94d";
}
/*サービス*/
.icon-service:before {
  content: "\e930";
}
/* コンテスト（アワード・著者アイコン等） */
.icon-medal01:before{
  content: "\e61d";
}
.icon-medal02:before{
  content: "\e664";
}
.icon-medal03:before{
  content: "\e62f";
}
.icon-cup01:before{
  content: "\e663";
}
.icon-cup02:before{
  content: "\e943";
}
.icon-crown01:before{
  content: "\e637";
}
.icon-crown02:before{
  content: "\e94b";
}
.icon-silhouette01:before{
  content: "\e697";
}
.icon-silhouette02:before{
  content: "\e91c";
}
/* インフォメーション・シェア */
.icon-info01:before {
  content: "\e90d";
}
.icon-share01:before {
  content: "\e91d";
}
/* 汎用アイコン */
.icon-pen01:before {
  content: "\e691";
}
.icon-book01:before {
  content: "\e613";
}
.icon-photo01:before {
  content: "\e61e";
}
.icon-heart01:before {
  content: "\e713";
}
.icon-read01:before {
  content: "\e656";
}
.icon-eye01:before {
  content: "\e626";
}
.icon-eye02:before {
  content: "\e91f";
}
.icon-check01:before {
  content: "\e706";
}
.icon-check02:before {
  content: "\e703";
}
.icon-earth01:before {
  content: "\e918";
}
.icon-video01:before {
  content: "\e924";
}
.icon-video02:before {
  content: "\e932";
}
.icon-phone01:before {
  content: "\e939";
}
.icon-history:before {
  content: "\e681";
}
.icon-return:before {
  content: "\e93f";
}
.icon-medibang:before {
  content: "\e93e";
}
.icon-baloon01:before{
  content: "\e715";
}
.icon-baloon02:before{
  content: "\e944";
}
.icon-baloon03:before{
  content: "\e674";
}
.icon-baloon04:before{
  content: "\e61a";
}

/*icon sns*/
.icon-tw:before {
  content: "\e699";
}
.icon-fb:before {
  content: "\e700";
}
.icon-fb2:before {
  content: "\e714";
}
.icon-hb:before {
  content: "\e901";
}
.icon-gp:before {
  content: "\e63a";
}
.icon-line:before {
  content: "\e91e";
}
.icon-reddit:before{
  content: "\e91b";
}
.icon-tumblr:before{
  content: "\e922";
}
.icon-vk:before{
  content: "\e923";
}
.icon-renren:before{
  content: "\e921";
}
.icon-plurk:before{
  content: "\e920";
}
.icon-weibo:before{
  content: "\e720";
}
.icon-youtube:before{
  content: "\e931";
}
/*icon 未分類*/
.icon-postcard:before{
  content: "\e934";
}
.icon-namecard:before{
  content: "\e933";
}
.icon-trimming:before{
  content: "\e935";
}
.icon-edit:before{
  content: "\e691";
}
.icon-dragupload:before{
  content: "\e646";
}
.icon-fileload:before{
  content: "\e645";
}
.icon-comment:before{
  content: "\e654";
}
.icon-wallet:before{
  content: "\e900";
}
.icon-trash:before{
  content: "\e90b";
}
.icon-filter:before{
  content: "\e937";
}
.icon-filter-on:before{
  content: "\e938";
}
.icon-follow:before{
  content: "\e93a";
}
.icon-free:before{
  content: "\e93b";
}
.icon-store:before{
   content: "\e93c";
}
.icon-tag:before{
  content: "\e93d";
}
.icon-myData:before{
  content: "\e940";
}
.icon-link-stop:before{
  content: "\e941";
}
.icon-tomoshare:before{
  content: "\e942";
}
.icon-download:before{
  content: "\e719";
}
.icon-page:before{
  content: "\e917";
}
.icon-note:before{
  content: "\e94c";
}
.icon-cloud:before{
  content: "\e94a";
}
.icon-pencil:before{
  content: "\e625";
}

/*====================================
  parts > usericon
======================================*/
.user-icon { /* トップ・作品一覧など 意図しないところにスタイルが当たっちゃった時の次善策で、小さい方をデフォルト値にした */
  display: inline-block;
  margin-right: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #e7e6e1;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}
.user-icon.icon-size21 { /* スクロール時のミニヘッダー */
  width: 21px;
  height: 21px;
}
.user-icon.icon-size28 { /* クリエイターズランキングー */
  width: 28px;
  height: 28px;
}
.user-icon.icon-size30 { /* ヘッダー */
  width: 30px;
  height: 30px;
}
.user-icon.icon-size34 { /* みんなのニュース一覧 */
  width: 34px;
  height: 34px;
}
.user-icon.icon-size48 { /* 公式マンガレビュー欄　など */
  width: 48px;
  height: 48px;
}
.user-icon img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.user-icon.icon-size18 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
}
.user-icon.icon-size21 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
}
.user-icon.icon-size28 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0;
}

/*====================================
  parts > icon
======================================*/
.icon-must{
  display: inline-block;
  border: 1px solid #f88a9a;
  border-radius: 3px;
  background-color: #fff3f5;
  color: #f32b47;
  height: 20px;
  text-align: center;
  font-size: 11px;
  padding: 2px 5px;
}
.help_q {
    float: left;
    border-radius: 50%;
    line-height: 16px;
    width: 20px;
    padding: 3px 2px 2px 2px;
    text-align: center;
    background: #b9b6b0;
    color: #fff;
}

/*====================================
  parts > input btn
======================================*/
.input_green_btn {
    margin:0 10px 0 0;
    border-style: none;
    min-width:160px;
    border-radius:8px;
    padding:15px;
    background:#659b24;
    font-size:139%;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
.input_brue_btn {
  margin:0 10px 0 0;
  border-style: none;
  min-width:160px;
  border-radius:8px;
  padding:15px;
  background:#2882c7;
  font-size:139%;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}
.input_pink_btn {
    border-style: none;
    min-width:160px;
    padding:15px;
    border-radius:8px;
    background:#ff707d;
    font-size:139%;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
.input_gray_btn {
    margin:0 10px 0 10px;
    border-style: none;
    min-width:160px;
    padding:15px;
    border-radius:8px;
    background:#A3ABAE;
    font-size:139%;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
.input_green_btn:disabled,
.input_pink_btn:disabled,
.input_gray_btn:disabled,
.input_brue_btn:disabled{
  opacity: 0.4;
}
.input_green_btn:first-child,
.input_gray_btn:first-child,
.input_brue_btn:first-child{
  margin-left: 0;
}
.input_green_btn:last-child,
.input_gray_btn:last-child,
.input_brue_btn:last-child{
  margin-right: 0;
}
/* 編集・保存・キャンセルボタン 共通 */
.input_submit_btn,
.input_cancel_btn,
.input_delete_btn,
.input_close_btn{
  display: inline-block;
  margin: 0 auto;
  width: 150px;
  /*
  height: 40px;
  padding: 3px 0 0;
  */
  padding: .6rem 1rem;
  vertical-align: top;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
}
.input_submit_btn{
  border: 1px solid #d1e89b;
  color: #7a9e16;
}
.input_submit_btn.-auto{
  width: auto;
}
.input_submit_btn:hover {
  background: #97c51a;
  color: #fff;
  border: 1px solid #97c51a;
}
.input_cancel_btn,
.input_delete_btn {
  margin-left: 10px;
  border: 1px solid #eae8e3;
  color: #797979;
}
.input_cancel_btn:hover,
.input_delete_btn:hover {
  background: #979797;
  color: #fff;
  border: 1px solid #979797;
}
.input_close_btn{
  border: 1px solid #eae8e3;
  font-size: 85%;
  color: #356fb7;
}
.input_close_btn:hover{
  background: #356fb7;
  color: #fff;
  border: 1px solid #356fb7;
}
.input_submit_btn.disable:hover{
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  display: inline-block;
  font-weight: bold;
  height: 40px;
  margin: 0 auto;
  padding: 3px 0 0;
  text-align: center;
  width: 150px;
  color: #7a9e16;
  border-color: #d1e89b;
}
.remindmailModal{
  width: 670px;
  text-align: center;
}
.mdModal .remindmailModal p{
  text-align: center;
}
.remindmailModal .remindmailModal_mailAddrell{
  margin: 10px auto 10px;
  font-weight: bold;
}
.remindmailModal .remindmailModal_btn{
  border: 1px solid #356FB7;
  color: #356FB7;
  display: inline-block;
  margin: 10px auto 0;
  min-width: 150px;
  padding: 8px 10px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
}
.remindmailModal .remindmailModal_btn:hover{
  color: #fff;
  background: #356FB7;
}

/*====================================
  parts > langchange(selectbox)
======================================*/
.langchangewrap{
  margin: 0 auto 10px;
  text-align: right;
}
.langchange-ttl{
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
}
.langchange{
  position:relative;
  overflow:hidden;
  display:inline-block;
  min-width:85px;
  background-color:#fff;
  border:1px solid #b8b8b8;
  border-radius: 5px;
  color:#000;
  padding-right: 24px;
  vertical-align: middle;
}

.langchange select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  position:relative;
  z-index:1;
  display:block;
  width:200%;/* fallback non calc support */
  width:-webkit-calc(100% + 26px);
  margin:0;
  padding:4px 28px 4px 9px;
  background:transparent;
  border:0;
  outline:none;
  line-height:1.4;
  font-family: arial;
}

.langchange:before{
  content: "";
  position:absolute;
  z-index:0;
  top:0;
  right:0px;
  width: 26px;
  height: 100%;
  line-height:1;
  background: #f1f0ec;
  border-left: 1px solid #b8b8b8;
  border-radius: 0 4px 4px 0;
  text-align: center;
}
.langchange:after {
  content: "";
  position:absolute;
  z-index:0;
  top:12px;
  right:8px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-top-color: #817f78;
  border-width: 6px 5px 0 ;
  line-height:1;
}

.langchange:hover:before{
  cursor: pointer;
}

/*====================================
  parts > contents-category-filter
======================================*/
.contents-category-table{
  border-collapse: separate;
  margin-bottom: 20px;
  width: 100%;
  font-size: 13px;
  color: #666;
}
.contents-category-table td{
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 6px 4px;
  width: 20%;
  vertical-align: middle;
}
.pagelang-en .contents-category-table tr td,
.pagelang-vi .contents-category-table tr td,
.pagelang-ru .contents-category-table tr td,
.pagelang-fr .contents-category-table tr td{
  width: auto;
}

.contents-category-table td.on{
  background-color: #E3F1FB;
}
.contents-category-table td:hover{
  cursor: pointer;
  background-color: #E3F1FB;
}
.contents-category-table tr:first-child td{
  border-top: 1px solid #e7e7e7;
}
.contents-category-table tr:first-child td:first-child{
  border-radius: 5px 0 0 0;
}
.contents-category-table tr:first-child td:last-child{
  border-radius: 0 5px 0 0;
}
.contents-category-table tr:last-child td:first-child{
  border-radius: 0 0 0 5px;
}
.contents-category-table tr:last-child td:last-child{
  border-radius: 0 0 5px 0;
}
.contents-category-table td:first-child{
  border-left: 1px solid #e7e7e7;
}
.contents-category-table td input[type="radio"]{
  display: none;
  margin: 4px 0 0;
  line-height: normal;
  box-sizing: border-box;
  padding: 0;
}
.contents-category-table td label{
  position: relative;
  padding-left: 10px;
  vertical-align: middle;
  border-radius: 5px;
  width: 100%;
}
.contents-category-table td label:before{
  font-size: 18px;
  color: #C8D1D5;
  padding-right: 10px;
  z-index: 10;
}
.contents-category-table td label:hover{
  cursor: pointer;
  color: #4F9BD1;
}
.contents-category-table td input[type="radio"]:checked + label{
  color: #4F9BD1;
}
.contents-category-table td input[type="radio"]:checked + label:before {
  color: #4F9BD1;
  content: "\e600";
}
.contents-category-table td input[type="radio"]:checked + label:after {
  background: #3b99fc;
  border-color: #2C90FC;
}
.contents-category-table.disabled{
  opacity: 0.4;
}
.contents-category-table.disabled td:hover{
  cursor: default;
  background-color: #fff;
}
.contents-category-table.disabled td label:hover{
  cursor: default;
  color: #666;
}
.contents-nav-menu{
  border-bottom: 1px solid #e7e7e7;
}
.contents-nav-menu-period{
  display: inline-block;
  padding: 10px 8px 10px 0;
  font-size: 13px;
  color: #666;
}
.contents-nav-menu-period li{
  display: inline-block;
  padding-right: 20px;
  cursor: pointer;
}
.pagelang-vi .contents-nav-menu-period li,
.pagelang-ru .contents-nav-menu-period li{
  padding-right: 12px;
}
.pagelang-fr .contents-nav-menu-period li{
  padding-right: 8px;
}
.contents-nav-menu-period:first-child li:last-child{
  border-right: 1px solid #e7e7e7;
}

.contents-nav-menu-period li input[type="radio"]{
  display: none;
  margin: 4px 0 0;
  line-height: normal;
  box-sizing: border-box;
  padding: 0;
}
.contents-nav-menu-period li label{
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  background-color: #fff;
}
.contents-nav-menu-period li label:hover{
  color: #4F9BD1;
}

.contents-nav-menu-period li label:before{
  font-size: 18px;
  color: #C8D1D5;
  padding-right: 10px;
  z-index: 10;
}
.contents-nav-menu-period li input[type="radio"]:checked + label{
  color: #4F9BD1;
}
.contents-nav-menu-period li input[type="radio"]:checked + label:before {
  color: #4F9BD1;
  content: "\e600";
}
.contents-nav-menu-period li input[type="radio"]:checked + label:after {
  background: #3b99fc;
  border-color: #2C90FC;
}

/*====================================
  parts > message
======================================*/
.cmn-message{
  border-top: 1px solid #e7e6e1;
  width: 100%;
  padding: 20px;
}
.cmn-message .cmn-messagelist{
  width: 100%;
  font-size: 0;
}
.cmn-message .cmn-messagelist li{
  width: 100%;
  font-size: 13px;
  display: table;
  margin-bottom: 20px;
  table-layout: fixed;
}
.cmn-message .cmn-messagelist .thumb{
  display: table-cell;
  height: 32px;
  width: 32px;
  vertical-align: top;
}
.cmn-message .cmn-messagelist .thumb a{
  background: #f8f8f8 none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  display: block;
  height: 32px;
  overflow: hidden;
  width: 32px;
}
.cmn-message .cmn-messagelist .thumb a img{
  width: 100%;
}
.cmn-message .cmn-messagelist-right{
  display: table-cell;
  vertical-align: top;
  padding-left: 5px;
}
.cmn-message .cmn-messagelist-right-inner{
  width: 100%;
  overflow: hidden;
}
.cmn-message .cmn-messagelist-right-innerChild{
  float: right;
}
.cmn-message .cmn-messagelist .username{
  display: inline-block;
  max-width: 237px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 11px;
}
.cmn-message .cmn-messagelist time{
  display: inline-block;
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 11px;
  color: #767676;
}
.cmn-message .cmn-messagelist .status{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 11px;
  color: #767676;
}
.cmn-message .cmn-messagelist .comment{
  width: 100%;
  background-color: #f9fcfd;
  border: 1px solid #bfd6e5;
  border-radius: 5px;
  color: #000;
  padding: 5px 10px;
  word-wrap: break-word;
  overflow-wrap : break-word;
}
.cmn-message .cmn-messagelist .author .comment{
  background-color: #f9fdf9;
  border-color: #ddecd1;
  transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
}
.cmn-message .cmn-messagelist .notice{
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
}
.cmn-message.check-on{
}
.cmn-message.check-on .cmn-messagelist .comment{
  width: 88%;
  display: inline-block;
}
.cmn-message .cmn-messagelist .delete{
  display: none;
}
.cmn-message.check-on .cmn-messagelist .delete{
  display: inline-block;
  width: 10%;
  margin-left: 2%;
  transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;

}
.cmn-message.check-on .cmn-messagelist .delete a{
  display: inline-block;
  border-radius: 5px;
  border:1px solid #e9e7e1;
  text-align: center;
  color: #797979;
  font-weight: bold;
  padding: 5px 8px;
}
.cmn-message.check-on .cmn-messagelist .delete a:before{
  display: inline-block;
  font-family: "icomoon";
  content: "\e90b";
  font-size: 14px;
  color: #797979;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}
.cmn-message.check-on .cmn-messagelist .delete a:hover{
  opacity: 0.6;
  cursor: pointer;
}
.cmn-message.check-on .cmn-messagelist .delete a:hover:before{
  cursor: pointer;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWords{
  display: flex;
  flex-direction: column;
  background: #f9fcfd;
  border: 1px solid #bfd6e5;
  border-radius: 3px;
  padding: 8px 5px;
  margin-bottom: 10px;
}
.cmn-message .cmn-messagelist .author .messageBox__commentBannedWords{
  background-color: #f9fdf9;
  border: 1px solid #ddecd1;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsText{
  font-size: 13px;
  line-height: 1.4;
  color: #767676;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsText::before{
  content: '\e950';
  font-family: mdbn-iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsMenu{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  line-height: 1.4;
  margin: 10px 0 0;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsShow{
  color: #2986b7;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsShow:hover{
  color: #eb4e7e;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsSetting{
  color: #2986b7;
  margin-left: 10px;
  cursor: pointer;
}
.cmn-message .cmn-messagelist .messageBox__commentBannedWordsSetting:hover{
  color: #eb4e7e;
}

/*====================================
  parts > comment
======================================*/
.cmn-comment{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 20px;
}
.cmn-comment .cmn-commentlist{
  width: 100%;
  font-size: 0;
}
.cmn-comment .cmn-commentlist li{
  width: 100%;
  font-size: 13px;
  display: table;
  margin-bottom: 40px;
  table-layout: fixed;
}
.cmn-comment .cmn-commentlist li:last-child{
  margin-bottom: 0;
}
.cmn-comment .cmn-commentlist .stamp{
  width: 100%;
  text-align: left;
}
.cmn-comment .cmn-commentlist .stamp img{
  width: 140px;
  height: auto;
}
.cmn-comment .cmn-commentlist .thumb{
  display: table-cell;
  height: 46px;
  width: 46px;
  vertical-align: top;
  position: relative;
}
.cmn-comment .cmn-commentlist .thumb a{
  background: #f8f8f8 none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 46px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  display: block;
  height: 46px;
  overflow: hidden;
  width: 46px;
}
.cmn-comment .cmn-commentlist .thumb a img{
  width: 100%;
}
.cmn-comment .cmn-commentlist-right{
  display: table-cell;
  vertical-align: top;
  padding-left: 5px;
}
.cmn-comment .cmn-commentlist .username{
  display: inline-block;
  max-width: 237px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 11px;
}
.cmn-comment .cmn-commentlist time{
  display: inline-block;
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 11px;
  color: #767676;
}
.cmn-comment .cmn-commentlist .comment{
  width: 100%;
  max-width: 550px;
  background-color: #f9fcfd;
  border: 1px solid #bfd6e5;
  border-radius: 5px;
  color: #000;
  padding: 5px 10px;
  word-wrap: break-word;
  overflow-wrap : break-word;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords{
  display: flex;
  flex-direction: column;
  background: #f9fcfd;
  border: 1px solid #bfd6e5;
  border-radius: 3px;
  padding: 8px 5px;
  margin-bottom: 10px;
}
.cmn-comment .cmn-commentlist .author .comment-item_body_bannedWords{
  background-color: #f9fdf9;
  border: 1px solid #ddecd1;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--txt{
  font-size: 13px;
  line-height: 1.4;
  color: #767676;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--txt::before{
  content: '\e950';
  font-family: mdbn-iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--menu{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  line-height: 1.4;
  margin: 10px 0 0;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--show{
  color: #2986b7;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--show:hover{
  color: #eb4e7e;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--setting{
  color: #2986b7;
  margin-left: 10px;
  cursor: pointer;
}
.cmn-comment .cmn-commentlist .comment-item_body_bannedWords--setting:hover{
  color: #eb4e7e;
}
.cmn-comment .cmn-commentlist .comment-translator {
  border-top:1px solid #DDE5EB;
  width: 100%;
  margin:10px auto 0;
  padding-top: 10px;
}
.cmn-comment .cmn-commentlist .comment-translator--btn{
  display: block;
}
.cmn-comment .cmn-commentlist .comment-translator--btn:hover{
  cursor: pointer;
}
.cmn-comment .cmn-commentlist .comment-translator--btn:before{
  display: inline-block;
  font-family: "icomoon";
  content: "\e918";
  font-size: 14px;
  color: #9AA5B4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  padding-right: 5px;
}
.cmn-comment .cmn-commentlist .comment-translator--txt{
  display: none;
}
.cmn-comment .cmn-commentlist .comment-translator--txt.show{
  display: block;
}
.cmn-comment .cmn-commentlist-bottom{
  width: 100%;
  font-size: 0;
  margin-top: 10px;
}
.cmn-comment .cmn-commentlist-bottom li{
  font-size: 13px;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  width: auto;
  margin-left: 10px;
}
.cmn-comment .cmn-commentlist-bottom .like{
  float: right;
}
.cmn-comment .cmn-commentlist-bottom .like .like_count_box{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 60px;
}
.cmn-comment .cmn-commentlist-bottom .reply {
  margin-left: 0px;
  float: right;
}
.cmn-comment .cmn-commentlist-bottom .reply a{
  display: inline-block;
  width: 65px;
  margin-top: 0;
  cursor: pointer;
}
.cmn-comment .cmn-commentlist-bottom .reply a:before{
  content: "\e658";
  font-family: "icomoon";
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #797979;
  padding-right: 5px;
}
.cmn-comment .cmn-commentlist-bottom .reply .comment_reply_button{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e9e7e1;
  color: #797979;
  margin: 0;
  padding: 0 5px;
  width: auto;
  min-width: 80px;
  border-radius: 10px;
  display: inline-block;
  float: none;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.cmn-comment .cmn-commentlist-bottom .reply .comment_reply_button:before{
  content: "\e658";
  font-family: "icomoon";
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #797979;
  padding-right: 5px;
}
.cmn-comment .cmn-commentlist-bottom .reply .comment_reply_button.-disabled{
  opacity: .4;
  cursor: default;
  pointer-events: none;
}
.cmn-comment .cmn-commentlist-bottom .reply .comment_reply_button:disabled{
  opacity: .4;
  cursor: default;
  pointer-events: none;
}
.cmn-comment .cmn-commentlist-bottom .delete{
  margin-left: 0;
  float: left;
}
.cmn-comment .cmn-commentlist-bottom .delete a{
  background: #f7334f none repeat scroll 0 0;
  border: 1px solid #f7334f;
  border-radius: 10px;
  color: #ffffff;
  display: inline-block;
  float: none;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 50px;
}
.cmn-comment .cmn-commentlist-bottom .delete a:hover{
  background-color:#f7334f;
  border-color: #f7334f;
  color: #fff;
  opacity: 0.5;
}
.cmn-comment .cmn-commentlist-bottom .delete .commentlist-del-link-confirm .message{
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  width: 0px;
}
.cmn-comment .cmn-commentlist-bottom .delete .commentlist-del-link-confirm a{
  width: 90px;
}
.cmn-comment .cmn-commentlist .author .comment{
  background-color: #f9fdf9;
  border-color: #ddecd1;
}
.cmn-comment .cmn-commentlist-bottom .delete .commentlist-del-link-confirm .js_commentDeleteNg{
  background: #fff none repeat scroll 0 0;
  color: #797979;
  border: 1px solid #e9e7e1;
}
.cmn-comment .cmn-commentlist li.moreComment{
  display: none;
}
.cmn-comment .cmn-commentlist li.moreComment.-show{
  display: table !important;
}
.cmn-comment .cmn-commentlist .moreCommentButton{
  text-align: center;
}
.cmn-comment .cmn-commentlist .comment-all-button{
  border: 1px solid #e7e6e1;
  border-radius: 16px;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
}
.cmn-comment .cmn-commentlist .comment-all-button:hover{
  border: 1px solid #356fb7;
  background: #356fb7;
  color: #fff;
}
/*====================================
  parts > tag ※要修正
======================================*/

.cmn-picturelist-cont-tag{
  margin-top: 4px;
}
.cmn-picturelist-cont-tag span{
  background-color: #dfeaf6;
  border-radius: 0 3px 3px 0;
  color: #356fb7;
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  margin-left: 8px;
  padding-right: 4px;
  position: relative;
  text-align: left;
  text-indent: 0.4em;
  width: auto;
  letter-spacing: -0.4px;
  margin-top: 4px;
}
.cmn-picturelist-cont-tag span:before {
  background: #dfeaf6;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: "";
  position: absolute;
  top: 2px;
  left: -8px;
}
.cmn-picturelist-cont-tag span:after{
  color: #fff;
  content: "・";
  font-size: 18px;
  font-weight: bold;
  left: -13px;
  position: absolute;
}
.cmn-picturelist-cont-tag span a{
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width: 74px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.cmn-pictureDetails-details-tagbox{
  padding: 15px 5px 0;
}
.cmn-pictureDetails-details-tagbox .inputArea{
  padding: 10px 10px 0;
}
.cmn-pictureDetails-details-tagbox .tagEdit{
  border: 1px solid #e9e7e1;
  border-radius: 5px;
  padding: 5px;
}
.book_info .tit .tagEdit{
  float: right;
  font-size: 11px;
  font-weight: normal;
  background-color: #fff;
  border: 0;
  color: #356FB7;
}
.cmn-pictureDetails-details-tagbox .cmn-keyword{
  margin-top: 4px;
  overflow: hidden;
}
.book_info .cmn-keyword{
  margin: 6px 0;
}
.cmn-keyword .keyword,
.cmn-tagbox li,
.seriesmain__series__sec.series-tag li{
  background-color: #dfeaf6;
  border-radius: 0 3px 3px 0;
  color: #356fb7;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  margin-left: 20px;
  position: relative;
  text-align: left;
  text-indent: 0.4em;
  height: 26px;
  width: auto;
  letter-spacing: -0.4px;
  margin-top: 4px;
  margin-bottom: 4px;
  vertical-align:top;
}
.book_info .cmn-keyword .keyword{
  max-width: 170px;
}
.book_detail .cmn-tagbox li{
  max-width: 226px;
}
.cmn-keyword .keyword:before,
.cmn-tagbox li:before,
.seriesmain__series__sec.series-tag li:before{
  background: #dfeaf6;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: "";
  position: absolute;
  top: 3px;
  left: -11px;
}
.cmn-keyword .keyword:after,
.cmn-tagbox li:after,
.seriesmain__series__sec.series-tag li:after{
  color: #fff;
  content: "・";
  font-size: 18px;
  font-weight: bold;
  left: -13px;
  position: absolute;
  top: 1px;
  z-index: 2;
}
.cmn-pictureDetails-details-tagbox .cmn-keyword .emptyTagArea{
  display: inline-block;
  padding: 10px;
}
.cmn-pictureDetails-details-tagbox .cmn-keyword .tagEditBtn{
  display: inline-block;
  margin-top: 9px;
  margin-bottom: 3px;
  margin-left: 10px;
}
.cmn-keyword .keyword a{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.cmn-keyword .keyword .keyword_text,
.cmn-tagbox li .keyword_text,
.seriesmain__series__sec.series-tag li .keyword_text{
  display: inline-block;
  padding-right: 8px;
  vertical-align: top;
}
.book_info .cmn-keyword .keyword .keyword_text{
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.book_info .cmn-keyword .lock .keyword_text{
  max-width: 143px;
}
.book_info .cmn-keyword .unlock .keyword_text{
  max-width: 130px;
}
.cmn-tagbox li .keyword_text,
.seriesmain__series__sec.series-tag li .keyword_text{
  padding-right: 8px;
  max-width: 218px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.book_detail .cmn-tagbox.jq_keyword_area li .keyword_text{
  padding-right: 0;
  max-width: 159px;
}
.cmn-keyword.input-on .keyword .keyword_text{
  display: inline-block;
  padding-right: 0;
  padding-left: 2px;
}
.cmn-pictureDetails-details-tagbox .cmn-keyword.input-on .lock .ic-lock{
  display: inline-block;
  width: 10px;
  height: 15px;
  background: url(../images/ic-lock.png) 0 -15px no-repeat;
  margin-left: 4px;
  margin-right: 6px;
  vertical-align: -3px;
}
.book_info .cmn-keyword.input-on .lock{
  padding-right: 24px;
}
.book_info .cmn-keyword.input-on .lock .ic-lock{
  background: url(../images/ic-lock.png) 0 -15px no-repeat;
  width: 10px;
  height: 15px;
  position: absolute;
  top: 6px;
  right: 6px;
}
.cmn-tagbox .iconArea,
.seriesmain__series__sec.series-tag .iconArea{
  display: inline-block;
  margin-left: 10px;
  width: 23px;
  height: 26px;
  cursor: pointer;
  position: relative;
}
.cmn-tagbox .iconArea:before,
.seriesmain__series__sec.series-tag .iconArea:before{
  content: "";
  border-left: 1px solid #a0a0a0;
  margin-left: -7px;
}
.cmn-tagbox .unlock .ic-lock,
.seriesmain__series__sec.series-tag .unlock .ic-lock{
  width: 10px;
  height: 15px;
  background: url(../images/ic-lock.png) 0 0 no-repeat;
  position: absolute;
  top: 5px;
  left: 7px;
}
.cmn-tagbox .lock .ic-lock,
.seriesmain__series__sec.series-tag .lock .ic-lock{
  width: 10px;
  height: 15px;
  background: url(../images/ic-lock.png) 0 -15px no-repeat;
  position: absolute;
  top: 5px;
  left: 7px;
}
.cmn-keyword.input-on .unlock .tag-del,
.cmn-tagbox .delete,
.seriesmain__series__sec.series-tag .delete{
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 22px;
  height: 26px;
  vertical-align: top;
}
.cmn-tagbox .delete:hover{
  cursor: pointer;
}
.cmn-keyword.input-on .unlock .tag-del:before,
.cmn-tagbox .delete:before,
.seriesmain__series__sec.series-tag .delete:before{
  content: "";
  border-left: 1px solid #a0a0a0;
  margin-left: -8px;
}
.cmn-keyword.input-on .unlock .tag-del:after,
.cmn-tagbox .delete:after,
.seriesmain__series__sec.series-tag .delete:after{
  position: absolute;
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  line-height: 1.2;
  content: "\e693";
  font-size: 12px;
  right: 4px;
  top: 6px;
  color: #707070;
  width: 20px;
  height: 14px;
}
.cmn-pictureDetails-details-tagbox .tagCount{
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 12px;
  color: #707070;
}
.book_info .tagCount{
  float: right;
  margin-right: 6px;
  font-size: 12px;
  color: #707070;
}
.cmn-pictureDetails-details-tagbox .txt.jq_keyword_add{
  display: inline-block;
  width: 350px;
  padding: 4px;
  background: #fff;
  border: 1px solid #bfd6e5;
  border-radius: 5px;
  font-size: 88%;
}
.book_info .txt.jq_keyword_add{
  width: 184px;
  margin: 4px 8px 8px;
  padding: 4px 2px;
  background: #fff;
  border: 1px solid #bfd6e5;
  border-radius: 5px;
  font-size: 88%;
}
.book_info .alert{
  margin: 0 10px 5px;
  font-size: 90%;
}
.cmn-pictureDetails-details-tagbox .alert{
  margin-top: 5px;
}
.upload_detail .alert,
.book_detail .alert,
.seriesmain__series__sec.series-tag .alert{
  margin-bottom: 10px;
}
.upload_detail .box div,
.book_detail .box div{
  display: inline-block;
  margin: 0 5px 10px 0;
  padding: 3px 10px;
  background: #eef6ff;
  border: 1px solid #356fb7;
  border-radius: 20px;
  color: #356fb7;
  word-break: break-all;
}
.upload_detail .box .keyword_text,
.book_detail .box .keyword_text,
.seriesmain__series__sec.series-tag .keyword_text{
  padding: 0 5px 0 0;
}
.upload_detail .box .delete,
.book_detail .box .delete,
.seriesmain__series__sec.series-tag .delete{
  cursor: pointer;
}
.tag-language{
  background: #d9f1fa;
  color: #0075a5;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 5px;
}
.mature-content-tag{
  display: inline-block;
  background: #e73241;
  border-radius: 3px;
  margin-right: 5px;
  padding: 0 4px;
  height: 16px;
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  vertical-align: top;
}
.mature-content-tag-PG{
  display: inline-block;
  background: #fb8500;
  border-radius: 3px;
  margin-right: 5px;
  padding: 0 4px;
  height: 16px;
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  vertical-align: top;
}
.box_book .mature-content-tag,
.box_book .mature-content-tag-PG{
  margin-top: 3px;
  height: 26px;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: bold;
}
.modalBook .mature-content-tag,
.modalBook .mature-content-tag-PG{
  margin-top: 3px;
  margin-left: 10px;
  height: 26px;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: bold;
}
.pictureDetails-details .mature-content-tag,
.modalPicture-details .mature-content-tag,
.pictureDetails-details .mature-content-tag-PG,
.modalPicture-details .mature-content-tag-PG{
  margin-top: 5px;
  margin-left: 20px;
  height: 26px;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: bold;
/*  position: relative; */
}
/*
.pictureDetails-details .mature-content-tag:before,
.modalPicture-details .mature-content-tag:before{
    background: #e73241;
    border-radius: 4px 12px 4px 4px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    content: "";
    position: absolute;
    top: 3px;
    left: -10px;
}
*/

/*====================================
  parts > report
======================================*/
.cmn-report{
  width: 100%;
  font-size: 0;
  position: relative;
}
.cmn-report .cmn-report-ttl{
  position: relative;
  font-size: 12px;
  padding-left: 15px;
  color: #356fb7;
  margin-top: 2em;
}
.cmn-report .cmn-report-ttl:hover{
  cursor: pointer;
}
.cmn-report .cmn-report-ttl:before{
  position: absolute;
  left: 0;
  top:0;
  font-family: "icomoon";
  content: "\e701";
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #727272;
}
.cmn-report .cmn-report-form{
  margin-top: 10px;
  display: none;
  position: absolute;
  padding: 20px;
  border-radius: 10px;
  z-index: 10;
  background-color: #fff;
  width: 500px;
  top: 14px;
  box-shadow: 0px 2px 5px 1px rgba(204,204,204,0.8);
  right: -209px;

}
.cmn-report .cmn-report-form--txt{
  font-size: 12px;
  text-align: left;
}
.cmn-report .cmn-report-form--textarea{
  border:1px solid #a9a9a9;
  border-radius: 5px;
  width: 100%;
  min-height: 80px;
  font-size: 13px;
  resize:vertical;
  padding:10px;
  margin-top: 5px;
}
.cmn-report .cmn-report-form--textarea:disabled{
  background: none;
  opacity: 0.4;
}

.cmn-report .cmn-report-btns{
  width: 220px;
  margin:10px auto 0;
}
.cmn-report .cmn-report-form--btn{
  display: inline-block;
  width: 100px;
  text-align: center;;
  height: 40px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  background-color: #fff;
  border:0px solid;
}
.cmn-report .cmn-report-form--btn:hover{
  opacity: 0.8;
}
.cmn-report .cmn-report-form--btn.btn-report{
  background-color: #659b24;
  color: #fff;
  margin-right: 10px;
}
.cmn-report .cmn-report-form--btn.btn-cancel{
  background-color:#a3abae;
  color: #fff;
}
.cmn-report .cmn-report-form--btn.btn-report:disabled,
.cmn-report .cmn-report-form--btn.btn-cancel:disabled{
  opacity: 0.4;
}
.cmn-report.onBookModal .cmn-report-form{
  position: relative;
  right: auto;
  top: auto;
  box-shadow: 0 0 0 0;
  border-radius: 0;
  width: auto;
}
.cmn-report .cmn-report-form--input{
  position: relative;
}
.cmn-report .cmn-report-form--loading{
  position: absolute;
  left: 44%;
  top: 25px;
}
.cmn-report .cmn-report-form--done{
  width: 100%;
  height: 92%;
  color: #fff;
  background-color: #999999;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  line-height: 80px;
  border-radius: 5px;
  margin-top: 6px;
  z-index: 2;
}
.form-report-category{
  padding: 10px 0;
  text-align: left;
}
.form-report-category .need{
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  color: #fff;
  background: #f2506e;
  font-size: 13px;
  font-weight: normal;
}
.form-report-category select{
  height: 26px;
  margin-left: 10px;
  font-size: 12px;
}
.form-report--alert{
  font-size: 13px;
  color: #f2506e;
  text-align: center;
  padding: 5px 0;
}
.form-report--btns{
  padding-top: 20px;
  text-align: center;
}


/*====================================
  parts > loading
======================================*/
/*
<div id="loadingCirclesA">
  <div class="loading_circleA" id="loading_circleA_01"></div>
  <div class="loading_circleA" id="loading_circleA_02"></div>
  <div class="loading_circleA" id="loading_circleA_03"></div>
  <div class="loading_circleA" id="loading_circleA_04"></div>
  <div class="loading_circleA" id="loading_circleA_05"></div>
  <div class="loading_circleA" id="loading_circleA_06"></div>
  <div class="loading_circleA" id="loading_circleA_07"></div>
  <div class="loading_circleA" id="loading_circleA_08"></div>
</div>
*/

#loadingCirclesA{
  position:relative;
  width:45px;
  height:45px;
  margin:auto;
  transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

.loading_circleA{
  position:absolute;
  background-color:rgb(204,204,204);
  height:8px;
  width:8px;
  border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
  animation-name:l_circleA;
    -o-animation-name:l_circleA;
    -ms-animation-name:l_circleA;
    -webkit-animation-name:l_circleA;
    -moz-animation-name:l_circleA;
  animation-duration:0.732s;
    -o-animation-duration:0.732s;
    -ms-animation-duration:0.732s;
    -webkit-animation-duration:0.732s;
    -moz-animation-duration:0.732s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#loading_circleA_01{
  left:0;
  top:18px;
  animation-delay:0.2695s;
    -o-animation-delay:0.2695s;
    -ms-animation-delay:0.2695s;
    -webkit-animation-delay:0.2695s;
    -moz-animation-delay:0.2695s;
}

#loading_circleA_02{
  left:5px;
  top:5px;
  animation-delay:0.366s;
    -o-animation-delay:0.366s;
    -ms-animation-delay:0.366s;
    -webkit-animation-delay:0.366s;
    -moz-animation-delay:0.366s;
}

#loading_circleA_03{
  left:18px;
  top:0;
  animation-delay:0.4525s;
    -o-animation-delay:0.4525s;
    -ms-animation-delay:0.4525s;
    -webkit-animation-delay:0.4525s;
    -moz-animation-delay:0.4525s;
}

#loading_circleA_04{
  right:5px;
  top:5px;
  animation-delay:0.549s;
    -o-animation-delay:0.549s;
    -ms-animation-delay:0.549s;
    -webkit-animation-delay:0.549s;
    -moz-animation-delay:0.549s;
}

#loading_circleA_05{
  right:0;
  top:18px;
  animation-delay:0.6355s;
    -o-animation-delay:0.6355s;
    -ms-animation-delay:0.6355s;
    -webkit-animation-delay:0.6355s;
    -moz-animation-delay:0.6355s;
}

#loading_circleA_06{
  right:5px;
  bottom:5px;
  animation-delay:0.732s;
    -o-animation-delay:0.732s;
    -ms-animation-delay:0.732s;
    -webkit-animation-delay:0.732s;
    -moz-animation-delay:0.732s;
}

#loading_circleA_07{
  left:18px;
  bottom:0;
  animation-delay:0.8185s;
    -o-animation-delay:0.8185s;
    -ms-animation-delay:0.8185s;
    -webkit-animation-delay:0.8185s;
    -moz-animation-delay:0.8185s;
}

#loading_circleA_08{
  left:5px;
  bottom:5px;
  animation-delay:0.905s;
    -o-animation-delay:0.905s;
    -ms-animation-delay:0.905s;
    -webkit-animation-delay:0.905s;
    -moz-animation-delay:0.905s;
}

/*====================================
  parts > selectbox
======================================*/
.cmn-selectbox{
  position:relative;
  overflow:hidden;
  display:inline-block;
  min-width:85px;
  background-color:#fff;
  border:1px solid #b8b8b8;
  border-radius: 5px;
  color:#000;
  padding-right: 40px;
}

.cmn-selectbox select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  position:relative;
  z-index:1;
  display:block;
  width:200%;/* fallback non calc support */
  width:-webkit-calc(100% + 5em);
  margin:0;
  padding:4px 0 4px 4px;
  background:transparent;
  border:0;
  outline:none;
  line-height:1.5;
}
.cmn-selectbox:before{
  content: "";
  position:absolute;
  z-index:0;
  top:0;
  right:0px;
  width: 26px;
  height: 100%;
  margin-top:-4px;
  padding-top: 16px;
  line-height:1;
  background: #f1f0ec;
  border-left: 1px solid #b8b8b8;
  border-radius: 0 5px 5px 0;
  text-align: center;
  font-size: 70%;
  line-height:1;
}
.cmn-selectbox:after {
  content: "";
  position:absolute;
  z-index:0;
  top:12px;
  right:8px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-top-color: #817f78;
  border-width: 6px 5px 0 ;
  line-height:1;
}
.cmn-selectbox:hover:before{
  cursor: pointer;
}

/*====================================
  parts > heading
======================================*/
#content .cmn-h2{
  width: 100%;
  height: 60px;
  border:1px solid #e7e6e1;
  font-size: 130px;
  color: #525657;
  font-size: 130%;
  background-color: #fff;
  border-radius:10px 10px 0 0;
  line-height: 58px;
  padding-left: 20px;
}
#content .cmn-creators-h2{
  width: 100%;
  height: 60px;
  border:1px solid #e7e6e1;
  font-size: 130px;
  color: #525657;
  font-size: 130%;
  background-color: #fff;
  border-radius:10px 10px 0 0;
  line-height: 58px;
  padding-left: 20px;

}
#content .cmn-creators-h2:before{
  font-family:"icomoon";
  content: "\e674";
  margin-right: 20px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 130%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#content .cmn-creators-body{
  background-color: #fff;
  border:1px solid #e7e6e1;
  border-top: 0;
}

/*====================================
  parts > tab
======================================*/
#content .cmn-tab{
  border-bottom: 1px solid #e7e6e1;
  height: 40px;
  margin-top: 12px;
  width: 100%;
}
#content .cmn-tab-inner{
  font-size: 0;
  margin: 0 auto;
}
#content .cmn-tab-inner li {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
}
#content .cmn-tab-inner li a{
  display: inline-block;
  background-color: #f1f0ec;
  border:1px solid #e7e6e1;
  border-right: 0;
  height: 40px;
  padding: 0 10px;
  text-align: center;
  line-height: 36px;
  color: #72706a;
  transition: background-color 0.2s ease;
  -webkit-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
}
#content .cmn-tab-inner li:first-child a{
  border-radius:5px 0 0 0;
}
#content .cmn-tab-inner li:last-child a{
  border-right:1px solid #e7e6e1;
  border-radius:0 5px 0 0;
}
#content .cmn-tab-inner li a.on{
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
}
#content .cmn-tab-inner li a:hover{
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
}
#content .cmn-tab-inner.tab-full{
  width: 100%;
}
#content .cmn-tab-inner.tab-full.tab-02 li{
  width: 50%;
}
#content .cmn-tab-inner.tab-full.tab-02 li a{
  width: 100%;
}
#content .cmn-tab-inner.tab-full.tab-03 li{
  width: 33.33333%;
}
#content .cmn-tab-inner.tab-full.tab-03 li a{
  width: 100%;
}
#content .cmn-tab-inner.tab-center{
  width: 50%;
  margin: 0 auto;
}
#content .cmn-tab-inner.tab-center.tab-02 li{
  width: 50%;
}
#content .cmn-tab-inner.tab-center.tab-02 li a{
  width: 100%;
}
#content .cmn-tab-inner.tab-center{
  width: 70%;
  margin: 0 auto;
}
#content .cmn-tab-inner.tab-center.tab-03 li{
  width: 33.33333%;
}
#content .cmn-tab-inner.tab-center.tab-03 li a{
  width: 100%;
}

/*====================================
  parts > radio
======================================*/
/*radio*/
.mdbn-radio label{
    position: relative;
    display: inline-block;
    padding-left: 38px;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 10px;
    padding-top: 11px;
    padding-bottom: 9px;
}
.mdbn-radio label:before{
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 7px;
    background-color: #fff;
    content: '';
    opacity: 0;
    z-index: 1;
    top: 16px;
    left: 21px;
}
.mdbn-radio label:after{
    position: absolute;
    top: 20px;
    left: 15px;
    display: block;
    margin-top: -10px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 22px;
    content: '';
    box-shadow: 0 0 0;
}
.mdbn-radio input[type="radio"]{
    display: none;
    margin: 4px 0 0;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
}
.mdbn-radio input[type="radio"]:checked + label:before{
    opacity: 1;
}
.mdbn-radio input[type="radio"]:checked + label:after{
    background: #3b99fc;
    border-color: #2C90FC;
}
/*switch風*/
.mdbn-radio-switch{
      display: flex;
}
.mdbn-radio-switch label{
    width: auto;
    padding: 1rem 1.5rem;
    text-align: center;
    border: 1px solid #e9e7e1;
    border-right: none;
    color: #767676;
}
.mdbn-radio-switch:first-child label{
    border-radius: 5px 0 0 5px;
}
.mdbn-radio-switch:last-child label{
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #e9e7e1;

}
.mdbn-radio-switch .mdbn-radio-check-colums input[type="radio"]{
    display: none;
}
.mdbn-radio-switch .mdbn-radio-check-colums input[type="radio"]:checked + label{
    background-color: #f7f6f2;
    box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.2);
}

/*====================================
  parts > breadcrumb
======================================*/
.mdbnBreadcrumb{
  width: 100%;
  margin: 1rem 0;
}
.mdbnBreadcrumb__inner{
  width: 1024px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.mdbnContent.author .mdbnBreadcrumb__inner{
  padding: 0.4rem 1rem;
  background-color: rgba(255, 255, 255, 0.6);
}
.mdbnBreadcrumb__list{
  margin-right: 0.5rem;
  word-break: break-all;
}
.mdbnBreadcrumb__list.-flatGroup{
  display: none;
}
.mdbnBreadcrumb__list:after{
  content: '>';
  padding-left: 0.5rem;
}
.mdbnBreadcrumb__list:last-child::after{
  content: '';
}
.mdbnBreadcrumb__list:not(:last-child){
  white-space: nowrap;
}
/* .mdbnBreadcrumb__list a:not(:link){
  color: #333;
}
.mdbnBreadcrumb__list a:not(:link):hover{
  color: #333;
} */
.mdbnBreadcrumb__list a.current{
  color: #333;
}
.mdbnBreadcrumb__list a.current:hover{
  color: #333;
}
/*==============================================================================
  block
==============================================================================*/
/*====================================
  block > body
======================================*/
body {
    background:#fefefe;
    height:100%;
    word-wrap:break-word;
}
body.modal-open{
    overflow: hidden;
}
body.wrap-on-modal #wrap{
  position: fixed;
  width: 100%;
}
body.noScroll{
  overflow-y: hidden;
}
/*====================================
  block > wrap,content
======================================*/
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* padding-top: 50px; */
  margin: 0 auto -330px;
  position: relative;
}
body.on-modal-blur #wrap{
  -webkit-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  z-index: 10;
  position: relative;
  width: 100%;
  height: 100%;
}
body.on-modal-blur #wrap:before{
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 11;
  background-color: rgba(0, 0, 0,0.2);
}
#content {
  min-width: 1200px;
  padding-bottom: 660px;
}
#content.mdbnContent.asMypage{
  padding-bottom: 380px;
}

/*====================================
  block > header　※要整理
======================================*/

/* _header.scss > main_newHeader.scss > main_newHeader.min.css に全移行 */

/*====================================
  block > footer
======================================*/

/* _footer.scss > main_newFooter.scss > main_newFooter.min.css に全移行 */


/* -- 多言語表紙用 場所をあとで移動 -- */

.item_language{
  background: #000;
  background: rgba(000, 000, 000, .6);
}

.item_language a:hover .btn_language,
.item_language .current .btn_language{
  background: #356fb7;
  color: #ffffff;
}

.btn_language{
  background: #ffffff;
  color: #356fb7;
  padding: 5px 0;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  border-radius: 5px;
}

/*====================================
  block > wrap
======================================*/
.wrap {
    width: 1024px;
    margin: 20px auto 0;
    padding: 20px;
    background: #fefefe;
    border-radius: 10px;
    border:1px solid #ededed;
}


/*==============================================================================
  other
==============================================================================*/
/*====================================
  other > sns login?
======================================*/
/* .border 要調査*/
.border {
    width:92px;
    display: inline-block;
    margin: 2px 3px 0;
    color: #b4b4b4;
}
#sns_login .map_before {
    color: #73b6d3;
}

.login_area {
    width: 770px;
    margin: 0 auto;
}
.input_login_area {
    float:left;
    width: 286px;
    padding: 20px;
    border-radius: 5px;
    border:1px solid #e5e5e5;
    text-align: center;
}
.pagelang-ar .input_login_area {
    direction: rtl;
}
.input_login_area .alert{
    margin-bottom: 5px;
    color: #f2506e;
    text-align: left;
}
.jq_modal_login_form_error_disp{
    margin-bottom: 5px;
    color: #f2506e;
}
.input_login_area .updnWatermark {
    padding-top: 10px;
}

.input_login_form {
    margin: 0 0 10px;
    background:  #fff;
    border: 1px solid #bfd6e5;
    border-radius: 5px;
    color: #8B847A;
    font-size: 116%;
    padding: 10px;
    width: 100%;
}
.input_form {
    margin: 0 0 10px;
    background: #fff;
    border: 1px solid #bfd6e5;
    border-radius: 5px;
    color: #8B847A;
    font-size: 116%;
    padding: 5px;
}
.mdModal_contents .input_login_area {
    width: 252px;
}
.input_login_area .forget_pass {
    margin-bottom: 10px;
    text-align: center;
}
.input_login_area .or {
    color: #b4b4b4;
     margin: 0 0 10px;
}
.input_login_area .user_login {
    border-style: none;
    display: inline-block;
    padding: 0;
    margin:0 0 10px;
    width:180px;
    height: 40px;
    text-align: center;
    border-radius:3px;
    font-weight: bold;
    color: #fff;
    background:#4fb8e2;
    font-size: 116%;
    cursor: pointer;
}
.input_login_area .user_login:hover {
    background:#00aeff;
}
.input_login_area .disable.user_login:hover {
    background:#4fb8e2;
}
.input_login_area a .user_entry {
    display: inline-block;
    margin: 0;
    width: 180px;
    text-align: left;
}
.mdModal_contents .or .border {
    width: 76px;
}
.mdModal_contents .btn-general{
  display: block;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  width: 30%;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}
.mdModal p.forget_pass {
    font-size: 100%;
}
.input_login_area .user_entry {
    width: 130px;
    margin: 25px 10px 0 0 ;
    border-radius:3px;
    padding: 0 0 0 50px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    background:url(../images/entry_icon.png)  16px 7px no-repeat #fb8d43;
    font-size: 85%;
}
.input_login_area .user_entry:hover {
    background:url(../images/entry_icon.png)  16px 7px no-repeat #ff6d0c;
}
.input_login_area .user_entry span {
    font-size: 116%;
}
.sns_btn_area {
    float:left;
    width: 460px;
    margin: 0 0 0 18px;
}
.sns_btn_area .sns-loginBox {
    float: left;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    width: 225px;
    height: 152px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.sns_btn_area .sns-loginBox:nth-child(2n) {
    margin-right: 10px;
}
.sns_btn_area .sns-loginBox.tw {
    background: #00b0ed;
    box-shadow: 0 1px 0 0 #0092c4;
    text-shadow: 1px 1px 0 #0092c4;
}
.sns_btn_area .sns-loginBox.fb {
    background: #3b5998;
    box-shadow: 0 1px 0 0 #2c4a88;
    text-shadow: 1px 1px 0 #2c4a88;
}
.sns_btn_area .sns-loginBox.yh {
    background: #ff0033;
    box-shadow: 0 1px 0 0 #db0d36;
    text-shadow: 1px 1px 0 #db0d36;
}
.sns_btn_area .sns-loginBox.gl-old {
    background: #d34836;
    box-shadow: 0 1px 0 0 #bb3a29;
    text-shadow: 1px 1px 0 #bb3a29;
}
.sns_btn_area .sns-loginBox.gl {
    background: #fff;
    border: 1px solid #ccc;
}
.sns_btn_area .sns-loginBox:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /*IE用*/
}
.sns_btn_area .sns-loginBox.fb:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /*IE用*/
}
.sns_btn_area .sns-loginBox .sns-loginBox-inner {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}
/*Sign in with Apple*/
.sns_btn_area .sns-loginBox.apple {
    float: none;
    margin: 0 auto 10px;
    width: 100%;
    border-radius: 0;
    height: 46px;
}
.sns_btn_area .sns-loginBox.apple img {
    max-height:46px;
    vertical-align: middle;
}
.sns_btn_area .sns-loginBox.apple .sns-loginBox-inner {
  width: 100%;
    color: #000;
    height: 46px;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 0;
    vertical-align: middle;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    font-size: 15px;
}

/*ボタン上にメッセージ*/
.sns_btn_area .sns-loginBox .sns-loginBox-mesdaage{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 90, 90, 0.9);
  left: 0;
  top: 0px;
  font-weight: normal;
  text-shadow: none;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.sns_btn_area .sns-loginBox .sns-loginBox-mesdaage span{
}
.sns_btn_area .sns-loginBox .sns-loginBox-mesdaage span:last-child{
  margin-top: auto;
}
.sns_btn_area .sns-loginBox .sns-loginBox-mesdaage a{
  display: block;
  background-color: #ffffff;
  padding: 0.5rem 0.8rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.sns_btn_area .sns-loginBox .sns-loginBox-inner.disable:hover {
    opacity:0.4;
    filter: alpha(opacity=40); /*IE用*/
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-inner {
    color: #333;
}
.sns_btn_area .sns-loginBox.tw .sns-loginBox-icon:before{
   display: block;
   content: "\e699";
    font-family: "icomoon";
    color: #fff;
    font-size: 550%;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 0 #0092c4;
    width: 100%;
    position: absolute;
    top:17px;
}
.sns_btn_area .sns-loginBox.fb .sns-loginBox-icon:before{
   display: block;
    content: "\e700";
    font-family: "icomoon";
    color: #fff;
    font-size: 545%;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 0 #2c4a88;
    width: 100%;
    position: absolute;
    top:17px;
}
.sns_btn_area .sns-loginBox.yh .sns-loginBox-icon:before{
   display: block;
    content: "\e727";
    font-family: "icomoon";
    color: #fff;
    font-size: 1340%;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 0 #db0d36;
    width: 100%;
    position: absolute;
    top:-52px;
}
.sns_btn_area .sns-loginBox.gl-old .sns-loginBox-icon:before{
   display: block;
    content: "\e63a";
    font-family: "icomoon";
    color: #fff;
    font-size: 130px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 0 #bb3a29;
    width: 100%;
    position: absolute;
    top:-25px;
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-icon{
    font-family: 'icomoon' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-size: 0;
    font-weight: normal;
    position: absolute;
    top: 16px;
    left: 0;
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-icon .sns-loginBox-icon-main:before{
    content: "\e928";
    font-size: 70px;
    color: rgb(255, 255, 255);
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-icon .sns-loginBox-icon-color1:before{
    content: "\e929";
    margin-left: -1em;
    font-size: 70px;
    color: rgb(234, 67, 53);
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-icon .sns-loginBox-icon-color2:before{
    content: "\e92a";
    margin-left: -1em;
    font-size: 70px;
    color: rgb(251, 188, 5);
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-icon .sns-loginBox-icon-color3:before{
    content: "\e92b";
    margin-left: -1em;
    font-size: 70px;
    color: rgb(66, 133, 244);
}
.sns_btn_area .sns-loginBox.gl .sns-loginBox-icon .sns-loginBox-icon-color4:before{
    content: "\e92c";
    margin-left: -1em;
    font-size: 70px;
    color: rgb(52, 168, 83);
}
.sns-loginBox-txt{
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  bottom:10px;
}
.pagelang-es .sns-loginBox-txt,
.pagelang-es_US .sns-loginBox-txt,
.pagelang-fr .sns-loginBox-txt{
  font-size: 10px;
}

/*====================================
  other >  modal??
======================================*/
.mdModal {
    display:none;
}
.mdModalBody {
    position: fixed;
    z-index:2000;
    background: #fff;
    border-radius:10px;
/*width:710px;*/
/*max-width: 840px;*/
    left:50%;
    top:50%;
/*height: 540px;*/
    overflow: hidden;
}
.mdModal_contents {
    margin: 20px;
}
.mdModal_contents .mdModal_list {
  width: 100%;
  margin-left: 1rem;
}
.mdModal_contents .mdModal_listItem {
  list-style: disc;
  margin-bottom: 0.8rem;
  line-height: 1.7rem;
  font-size: 13px;
}
.mdModal_contents .mdModal_listItemText {
  display: block;
}
.mdModal_contents .mdModal_listItemText.-small {
  font-size: 11px;
}
.mdModal_contents .mdModal_listItemText strong{

  display: inline;
}
.mdModal_contents .mdModal_listTimeSetCaution{
  width: 100%;
  background-color: #FDEFEF;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #E2A5A5;
  border-radius: 3px;
}
.mdModal_contents .mdModal_listTimeSetCaution p{
  text-align: center;
}

.mdModal_contents .modal-card-bnrBox{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 2rem;
}
.mdModal_contents .modal-card-bnr{
  text-align: center;
  margin: 0;
  font-size: 0;
  width: 256px;
}
.mdModal_contents .modal-card-bnr img{
  max-width: 100%;
  width: 100%;
}

.mdModal_contents .send_button_textNotes{
  width: 100%;
  margin-top: 10px;
  font-size:11px;
  text-align: center;
}
.modal-card-textContest{
  margin-left: 1rem;
  text-align: left;
}
.modal-card-textContest li{
  list-style: disc;
  margin-bottom: 5px;
}
.modal-card-textContest li.contestlink a{
  display: inline-block;
}
.modal-card-requiredWrap{
  margin: 10px 0 5px;
}
.modal-card-required{
  padding: 4px 8px;
  font-weight: normal;
  border-radius: 5px;
  background: #ff5852;
  color: #fff;
  font-size: 1.1rem;
}
.modal-card-requiredTxt{
  padding-left:10px;
}
.modal-card-contestCategory li > label{
  padding: 5px 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}
.modal-card-contestCategory li > label input{
  display: none;
}
.modal-card-contestCategory li > label .contestCategory-selecting-radio { /*擬セレクトボックス*/
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid #707070;
  border-radius: 100%;
  background: #fff;
  text-indent: -9999px;
  overflow: hidden;
  margin-right: 15px;
}
.modal-card-contestCategory li > label input:checked + .contestCategory-selecting-radio {
  border-color: #5299f5;
  background: #5299f5;
}
.modal-card-contestCategory li > label input:checked + .contestCategory-selecting-radio::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,.15);
    transform: translate(-50%,-50%);
}
.modal-card-contestCategory li > label:hover{
  background: #ededed;
}
.modal-card-contestCategory li .contestCategory-selecting-categoryTtl {
  flex-basis: calc(100% - 45px);
  display: inline-block;
  word-break: break-all;
  font-size: 15px;
  text-align: left;
}
.modal-card-contestCategory .send_button_area{
  max-width: none;
}

.mdModal_title_area {
    background: #fff;
    border-bottom: 1px solid #e7e6e1;
    border-radius: 10px 10px 0 0;
    padding: 10px 20px 8px;
    font-size:116%;
    text-align: center;
    color: #3c4143;
}
.mdModalBK{position: fixed; z-index:1999; height:100%; width:100%;background:#000; opacity: 0.8;filter: alpha(opacity=50);-moz-opacity:0.50; left:0; top:0;}
/*#fixedViewer.fixedBody.modal-open .mdModal .mdModalBK{top:41px;}*/

.mdClose{cursor: pointer;}
.mdModal{width:690px; color: #384143;}
.mdModal p{text-align:justify;}
.mdModal h1{font-weight:bold; font-size: 30px;}
.mdModalBody{/*padding: 10px;*/}

.mdModalLoading{display:none;}
.mdModalLoadingBody{position: fixed; z-index:10000; width:120px; left:50%; top:50%; height: 120px; border-radius: 50%; overflow: hidden; background: #fff url(../images/ASload.gif) no-repeat center center;}
.mdModalLoadingBK{position: fixed; z-index:9999; height:100%; width:100%;background:#000; opacity: 0.7;filter: alpha(opacity=90);-moz-opacity:0.70; left:0; top:0;}
.mdModalLoading{width:690px; color: #eee; z-index:10000;}
.mdModalLoading p{text-align:justify;}
.mdModalLoading h1{font-weight:bold; font-size: 30px;}
.mdModalLoadingBody{padding: 0px;}

.mdModal .mdModal_contents input#facebookCheck,
.mdModal .mdModal_contents input#twitterCheck {
    margin:5px;
}
.mdModal_title_area.help_modal {
    background:#f3cb2b;
    color: #88752b;
    text-align: left !important;
}
.mdModal_title_area.help_modal .help_q {
    margin-right: 10px;
    background: #fff;
    color: #88752b;
}
.mdModal_title_area.help_modal_white {
    background:#fff;
    text-align: left !important;
}
.mdModal_title_area.help_modal_white .btn_close_s:before {
    color:#767676;
}

/*mail send*/
.cmn-onModal-mailform{
  width: 680px;
}
.cmn-onModal-mailform .mailform-input_t{
  border: 1px solid #e7e6e1;
  border-radius: 5px;
  margin-top: 8px;
  padding: 8px;
  width: 100%;
}
.cmn-onModal-mailform .mailform-label{
  width: 100%;
}
.cmn-onModal-mailform .mailform-label-txt{
  width: 100%;
}

.cmn-onModal-mailform .mailform-buttons{
  margin-top: 8px;
  text-align: center;
  font-size: 0;
}
.cmn-onModal-mailform .btn-comfirm{
  display: inline-block;
  width: 120px;
  text-align: center;
  color: #fff;
  background-color: #71bb1a;
  border-radius: 5px;
  height: 40px;
  font-size: 13px;
  vertical-align: top;
  border:none;
  margin: 0 4px;
}
.cmn-onModal-mailform .btn-comfirm:hover{
  opacity: 0.8;
}
.cmn-onModal-mailform .btn-cancel,
.cmn-onModal-mailform .btn-top{
  display: inline-block;
  width: 120px;
  text-align: center;
  color: #fff;
  background-color: #525048;
  border-radius: 5px;
  height: 40px;
  font-size: 13px;
  vertical-align: top;
  border:none;
  margin: 0 4px;
}
.cmn-onModal-mailform .btn-top{
  line-height: 40px;
}
.cmn-onModal-mailform .btn-cancel:hover,
.cmn-onModal-mailform .btn-top:hover{
  opacity: 0.8;
}
.cmn-onModal-mailform .mailform-comfirm{
  margin-top: 8px;
}
/* コメントボタン */
.send_button_area {
    max-width:670px;
    margin:20px 0 0;
    text-align:center;
}
.send_button_area li {
    display: inline-block;
    margin: 0 5px;
}
.send_button_area .btn-general {
    display: inline-block;
    width: auto;
    min-width:30%;
}
.send_button_area .btn-member-follow:first-child,
.send_button_area .btn-member-unfollow:first-child{
  margin-left: 0;
}
.send_button_area .btn-member-follow{
  -webkit-appearance: button;
  cursor: pointer;
  margin: 0 10px 0 0;
  background: #659b24;
  border-style: none;
  min-width: 160px;
  padding: 15px;
  border-radius: 8px;
  font-size: 139%;
  color: #fff;
  font-weight: 700;
}
.send_button_area .btn-member-unfollow{
  -webkit-appearance: button;
  cursor: pointer;
  margin: 0 10px;
  background: #A3ABAE;
  border-style: none;
  min-width: 160px;
  padding: 15px;
  border-radius: 8px;
  font-size: 139%;
  color: #fff;
  font-weight: 700;
}

.comment_notes {
    margin-top: 20px;
}
.post_tw{
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
}
.post_fb{
    display: inline-block;
    margin-top: 10px;
}
.post_tw img, .post_tw img{
    margin-right: 5px;
    vertical-align: middle;
}
.unregistered{
    color:#b4b4b4;
}
.jq_modal_user_review_form_comment{
    width: 600px;
    height: 100px;
}
.modal-repoat-input{
  position: relative;
}
.modal-repoat-input-loading{
  position: absolute;
  z-index: 1;
  left: 45%;
  top: 60px;
}
.modal-repoat-done{
  position: absolute;
  z-index: 1;
  left: 0;
  top: 4px;
  text-align: center;
  width: 100%;
  color: #fff;
  background-color: #999;
  border-radius: 5px;
  height: 100%;
  padding: 100px 10px;
}
.jq_report_comment{
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    width: 100%;
    height: 100px;
    font-size: 13px;
    resize: vertical;
    padding: 10px;
    margin-top: 5px;
  }
.jq_report_comment:disabled{
  background: none;
  opacity: 0.4;
}
.tit_comment{
    margin: 10px 0 5px;
    width: 500px;
}
.modal_input_checkbox{
  margin: 20px 0 0;
  text-align: center;
}
.modal_input_checkbox input[type='checkbox']{
  display: none;
}
.modal_input_checkbox label{
  font-size: 1rem;
}
.modal_input_checkbox label:before{
  font-family: "icomoon";
  content: "\e706";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  font-size: 1rem;
  color: #fff;
}
.modal_input_checkbox input[type='checkbox']:checked + label:before{
  background-color: #3b99fc;
}

/*====================================
  other > page/if/thanksDownloadModal
======================================*/
.mdModal__thanksDownload{
  width: 800px;
  max-height: 77vh;
  overflow-y: scroll;
}
.mdModal__thanksDownload .thanksDownload__Title{
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}
.mdModal__thanksDownload .thanksDownloadMdpInstall{
  width: 100%;
  background-color: #EDEDED;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}

.mdModal__thanksDownload .thanksDownloadMdpInstall__text{
  font-size: 16px;
    padding-bottom: 5px;
}
.mdModal__thanksDownload .thanksDownloadMdpInstall__link{

}
.mdModal__thanksDownload .thanksDownloadBannerGroup{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__inner{
  width: 370px;
  margin-right: 20px;
  position: relative;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__inner:last-child{
  margin-right: 0;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__loading{
  width: 120px;
  height: 120px;
  display: block;
  border-radius: 50%;
  background: url(../images/ASload.gif) center center no-repeat #ffffff;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__loadingInner{
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__banner{
  width: 100%;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem{
  width: 100%;
  margin-bottom: 18px;
  position: relative;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem > a{
  display: flex;
  width: 100%;
  height: 208px;
  justify-content: center;
  align-items: center;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem > a img{
  max-height: 100%;
  max-width: 100%;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem p{
  width: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  padding: 0.3rem 0.2rem;
  background-color: rgba(0, 0, 0, 0.45);
  color: #fff;
  bottom: 0;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem p a{
    font-size: 12px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem:hover > a{
  opacity: 0.8;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__bannerItem:hover p{
  opacity: 0.8;
}

.mdModal__thanksDownload .thanksDownloadBannerGroup__listLink{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mdModal__thanksDownload .thanksDownloadBannerGroup__listLink a{
  text-align: center;
  color: #e62880;
  border-radius: 2rem;
  padding: .7rem 2.5rem;
  background: #fff;
  box-shadow: 0 0 4px rgba(0,0,0,.16);
  display: inline-block;
  border: 1px solid #fff;
}

/*====================================
  other >  fixedViewer
======================================*/
#fixedViewer .send_button_area .input_green_btn {
    /* border: 1px solid #d1e89b; */
    /* border-radius: 10px; */
    /* background: #fff; */
    /* color: #7a9e16; */
    display: inline-block;
    /* font-weight: bold; */
    /* width: 100px; */
}
/*#fixedViewer .send_button_area .input_green_btn:hover {
  background: #97c51a;
  border:1px solid #97c51a;
  color: #fff;
}*/
#fixedViewer .send_button_area .input_gray_btn {
    /* border: 1px solid #e9e7e1; */
    /* border-radius: 10px; */
    /* background: #fff; */
    /* color: #797979; */
    display: inline-block;
    /* font-weight: bold; */
    /* padding-top: 10px; */
    /* text-align: center; */
    /* width: 150px; */
}
/*#fixedViewer .send_button_area .input_gray_btn:hover{
    background: none repeat scroll 0 0 #979797;
    border: 1px solid #979797;
    color: #fff;
    cursor: pointer;
}/

/*=============================================================mdbnBookstoreModal*/
/* 公式マンガ・アラートモーダル用。/pc/object/_modal.scssから複製 */
.mdbnBookstoreModal__main{
  border-top:1px solid #e7e6e1;
  /* border-bottom:1px solid #e7e6e1; */
  padding: 2rem 1rem;
}

  /*エラー*/
.mdbnBookstoreModal__error{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* padding: 2rem;
  font-size: 1.4rem; */
}
.mdbnBookstoreModal__errorMsg{
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.mdbnBookstoreModal__errorMsg.-alert{
  color: #f50a35;
}
pre.mdbnBookstoreModal__errorMsg{
  font-family: inherit;
  white-space: pre-wrap;
}
.mdbnBookstoreModal__errorConfirmBtns{
  display: flex;
  justify-content: center;
  align-items: center;
}
.mdbnBookstoreModal__errorCloseBtn{
  display: block;
  border-radius: 5px;
  padding: 10px 30px;
  border: 1px solid #e9e7e1;
  color: #797979;
  font-size: 1.3rem;
  margin: 0 1rem;
  box-shadow: 0 1px 0 0 #E3E0DA;
}
.mdbnBookstoreModal__errorCloseBtn:hover{
  opacity: 0.8;
  cursor: pointer;
}
.mdbnBookstoreModal__errorNgBtn{
  display: block;
  border-radius: 5px;
  padding: 10px 30px;
  border: 1px solid #e9e7e1;
  color: #797979;
  font-size: 1.3rem;
  margin: 0 1rem;
  box-shadow: 0 1px 0 0 #E3E0DA;
}
.mdbnBookstoreModal__errorNgBtn:hover{
  opacity: 0.8;
  cursor: pointer;
}
.mdbnBookstoreModal__errorOkBtn{
  display: block;
  border-radius: 5px;
  padding: 10px 30px;
  border: 1px solid #7a9e16;
  color: #fff;
  font-size: 1.3rem;
  margin: 0 1rem;
  background-color: #7a9e16;
  box-shadow: 0 2px 0 0 #4e6510;
}
.mdbnBookstoreModal__errorOkBtn:hover{
  opacity: 0.8;
  cursor: pointer;
}
.mdbnBookstoreModal__text{
  font-size: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.mdbnBookstoreModal__text.-emphasis{
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
.mdbnBookstoreModal__text.-alignLeft{
  padding: 0 20px;
  font-size: 1.5rem;
  text-align: left;
}

/*====================================
  other >  ?????
======================================*/
.btn_close_s{
    float: right;
}
.btn_close_s:before {
    font-family:"icomoon";
    content: "\e623";
    margin: 0 0 0 10px;
    color:#88752b;
    font-style:normal;
    font-weight: normal;
}
.btn_close_s.disabled:hover{
  color:#88752b;
  cursor: default!important;
}
/*====================================
  other > help movie
======================================*/
#helpTabs {
    width: 810px;
    height: 500px;
}
#helpTabs .helptab_title{
    color: #88752b;
    margin-bottom: 10px;
    border-bottom: 2px solid #e6e1ca;
    padding-bottom: 5px;
    font-size: 116%;
}
/* ui上書き*/
/* 全体box */
#helpTabs.ui-widget-content{
    background: #fff !important;
    border:none !important;
}
/* tab menu */
#helpTabs .ui-widget-header{
    background: none !important;
    border: 0 !important;
}
#helpTabs .ui-state-active, #helpTabs .ui-widget-content .ui-state-active, #helpTabs .ui-widget-header .ui-state-active{
    background: none !important;
}
#helpTabs.ui-tabs .ui-tabs-nav{
    padding: 0 !important;
}

/* tab menu li */
#helpTabs.ui-tabs .ui-tabs-nav li{
    margin: 10px 10px 5px 5px;
}
#helpTabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 180px;
    min-height: 490px;
    border-right: 1px solid #e6e1ca !important;
}
#helpTabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 179px;
    border-right: 0 !important;
    margin: 0 !important;
    background: none !important;
    font-weight: normal !important;
    white-space: normal !important;
}
#helpTabs.ui-tabs-vertical .ui-tabs-nav li a {
    display:block;
    width: 150px;
}
#helpTabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    border-right:1px solid #fff !important;
}
/* link color */
#helpTabs .ui-state-default a, #helpTabs .ui-state-default a:link, #helpTabs .ui-state-default a:visited{color: #356fb7 !important;}
/* active */
#helpTabs .ui-state-active a, #helpTabs .ui-state-active a:link, #helpTabs .ui-state-active a:visited{color:#c7c1a8 !important;}
#helpTabs .ui-state-active a:hover,#helpTabs .ui-state-default a:hover{color:#eb4e7e !important;}

/* tab menu内title */
#helpTabs.ui-tabs-vertical .ui-tabs-nav li.tab_subtitle {
    padding: 15px 10px 5px 5px !important;
    color: #767676;
    width: 165px !important;
}

/* 角丸 */
#helpTabs .ui-corner-all, #helpTabs .ui-corner-bottom, #helpTabs .ui-corner-left, #helpTabs .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
#helpTabs .ui-corner-all, #helpTabs .ui-corner-top, #helpTabs .ui-corner-left, #helpTabs .ui-corner-tl {
    border-top-left-radius: 0 !important;
}

#helpTabs.ui-tabs .ui-tabs-nav li.section_first{
    border-top-left-radius: 4px !important;
}
#helpTabs.ui-tabs .ui-tabs-nav li.section_end{
    border-bottom-left-radius: 4px !important;
    border-bottom: 1px solid #e6e1ca !important;
}
#helpTabs.ui-tabs .ui-tabs-nav li.section_alone{
    border-radius: 4px 0 0 4px !important;
    border-bottom: 1px solid #e6e1ca !important;
}
/* berder color */
#helpTabs .ui-state-active, #helpTabs .ui-widget-content .ui-state-active, #helpTabs .ui-widget-header .ui-state-active{
    border-color: #e6e1ca !important;
}
#helpTabs .ui-state-default, #helpTabs .ui-widget-content .ui-state-default, #helpTabs .ui-widget-header .ui-state-default{
    border-color: #e6e1ca !important;
}

/*====================================
  other > mail
======================================*/
.mail_help {
  width: 640px;
  max-height: 500px;
  overflow: auto;
  padding-right: 10px;
}
.mail_help dt {
  margin: 0 0 10px;
  padding: 10px;
  font-size: 124%;
  color: #727272;
  background: #f7f7f5;
  border-radius: 5px;
  }
.mail_help dt:before {
  font-family: "icomoon";
  content: "\e618";
  padding-right: 10px;
  vertical-align: middle;
  font-size: 120%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
.mail_help .q_entry_read {
  margin: 15px 0 0;
  font-weight: bold;
  }
.mail_help .q_entry_text {
  margin-top: 10px;
  }
.mail_help p {
  margin: 0 0 5px;
}

/* もどるボタン */
.list_back_btn {
    background:url(../images/listback_bg.png)0 0 no-repeat;
    width:129px;
    line-height: 40px;
    text-align: center;
}
.list_back_btn a {
    display: block;
}
.listback_s {
    background: url(../images/listback_s_bg.png) 0 0;
    line-height: 20px;
    width: 64px;
    text-align: center;
}
.side_link_left {
    float: left;
    width: 148px;
    margin: 20px 0 0;
}
.side_link_right {
    float: left;
    width: 170px;
    margin: 20px 0 0;
}
.side_link_bottom {
    width: 1024px;
    margin:0 auto;
}
.side_link_bottom a {
    display: block;
    width: 129px;
}

/* 新規ユーザー登録or本をツクル */
.common_btn_newcreate ,
.common_btn_newuser {
  background: #f4f4f4;
  padding: 20px;
  border-radius: 10px;
  color: #767676;
  font-weight: bold;
}
.common_btn_newcreate .tit {
  font-size: 280%;
  color: #fb8d43;
  text-align: center;
}
.pagelang-fr .common_btn_newcreate .tit {
  font-size: 200%;
}

.common_btn_newuser .tit p {
  font-size: 240%;
  color: #97a32e;
}

.common_btn_newcreate .txt p,
.common_btn_newuser .txt p{
  padding-top: 10px;
  font-size: 154%;
}
.common_btn_newcreate a ,
.common_btn_newuser a{
  display: block;
  float: right;
  border-radius: 10px;
  color: #fff;
  font-size: 220%;
}
.common_btn_newcreate a span ,
.common_btn_newuser a span{
  font-size: 77%;
}
.common_btn_newcreate a{
  background: #4f4f4f;
  color: #5bcfff;
  width: 400px;
  height: 94px;
  line-height: 94px;
  text-align: center;
}
.pagelang-fr .common_btn_newcreate a{
  font-size: 180%;
}
.common_btn_newuser a{
  background: #fb8d43;
  margin-left: 20px;
  padding: 15px 20px 15px 20px;
  width: 400px;
  text-align: center;
}
.common_btn_newcreate a:hover{
  background: #5bcfff;
  color: #4f4f4f;
}
.common_btn_newuser a:hover{
  background: #ff6d0c;
}

.common_btn_newuser a:before{
  font-family:"icomoon";
  content: "\e641";
  vertical-align: middle;
  font-size: 160%;
}
.no_search_txt{
  padding: 20px 0;
  color: #767676;
  font-size: 131%;
}
.limit_over_label{
  margin: 20px;
  padding: 20px;
  background: #f3f3f3;
  border-radius: 5px;
  color: #979797;
  text-align: center;
  clear: both;
}
.pictureList .limit_over_label{
  background: #fff;
}

/*====================================
  other > puffmsgBox
======================================*/
/*puffmsgBox*/
.puffmsgBox{
  position: fixed;
  top: 100px;
  right: 200px;
  width: 200px;
  background-color: #333;
  color: #fff;
  padding: 20px 10px;
  text-align: center;
  border-radius: 5px;
  border: 2px solid #fff;
  display: none;
  z-index: 2000;
}
.puffmsgBox.show{
  display: block;
}
/*puffmsgBox（mobile）*/
#fixedViewer.fixedBody.ui-mobile-viewport .puffmsgBox{
  right: 0;
  left: 10%;
  width: 80%;
}
#fixedViewer.fixedBody.ui-mobile-viewport .puffmsgBox p{
  font-weight: normal;
  text-shadow:none;
}

/*====================================
 other > on Modal
=====================================*/
.wrap-on-modal{
  position: relative;
}
.wrap-on-modal #push{
  display: none;
}
.wrap-on-modal footer{
  display: none;
}
.wrap-on-modal .contents-footer-bnr{
  display: none;
}


/*====================================
  other > ??????????
======================================*/
/*** 汎用ボタン ***/
.mypage_info_edit {
    width:320px;
    background:#fff;
    color:#73b6d3;
    border: 3px solid #e9f4f8;
    border-radius:30px;
    line-height:1;
    text-align:center;
}
.mypage_info_edit a {
    display: block;
    padding:20px 0;
    height: 100%;
    color:#73b6d3;
    font-size:116%;
    line-height:1;
}
.mypage_info_edit a:hover {
    color: #eb4e7e;
}

/***　クラパカ内スプラッシュ ***/
#content.alpacasplash {
  text-align: center;
}
.ui-tabs-vertical .ui-tabs-panel {
    padding: 0 0 0 20px !important;
    float: right;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0 !important;
}



/*================================================
  css renewal 2016/10
================================================*/

/*ct = content*/
.ct-contentInner{
  width: 1024px;
  margin:0 auto;
}
.ct-main{
  display: flex;
  display: -webkit-flex;
}
.ct-left{
  width: 330px;
}
.ct-center{
  flex: 1;
  -webkit-flex: 1;
  max-width: 512px;
}
.ct-right{
  width: 182px;
}

/*pt = parts*/
.pt-tags-small .pt-tags--tag{
  display: inline-block;
  background-color: #dfeaf6;
  border-radius:0 3px 3px 0;
  text-align: center;
  padding: 1px 8px 1px 12px;
  position: relative;
  margin-left: 20px
}
.pt-tags-small .pt-tags--tag.tag-disabled{
  background-color: #ECECEC;
  color: #838383;
}
.pt-tags-small .pt-tags--tag span{
  display: inline-block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: top;
}
.pt-tags-small .pt-tags--tag:before{
  background: #dfeaf6;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: "";
  position: absolute;
  top: 2px;
  left: -9px;
}
.pt-tags-small .pt-tags--tag.tag-disabled:before{
  background-color: #ECECEC;
  color: #838383;
}
.pt-tags-small .pt-tags--tag:after{
  color: #fff;
  content: "・";
  font-size: 16px;
  font-weight: bold;
  left: -8px;
  position: absolute;
  top: -1px;
  z-index: 2;
}
.pt-btn-readmore01{
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  font-size: 11px;
  color: #356FB7;
  letter-spacing: 0px;
  padding: 4px 10px;
  display: inline-block;
}
.pt-btn-readmore01:hover{
  cursor: pointer;
}
.pt-btn-readmore02{
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  font-size: 11px;
  color: #356FB7;
  letter-spacing: 0px;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 12px;
}
.pt-btn-readmore02:hover{
  cursor: pointer;
  opacity: 0.8;
}
.pt-btn-OK01{
  display: inline-block;
  min-width: 100px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  background-color: #fff;
  color: #5F9336;
  border-radius: 10px;
  border:1px solid #D1E89B;
}
.pt-btn-OK01:hover{
  cursor: pointer;
  background-color: #5F9336;
  border-color: #5F9336;
  color: #fff;
}
.pt-btn-cancel01{
  display: inline-block;
  width: 100px;
  height: 40px;
  text-align: center;
  line-height: 38px;
  background-color: #fff;
  color: #797979;
  border-radius: 10px;
  border:1px solid #E9E7E1;
}
.pt-btn-cancel01:hover{
  cursor: pointer;
  background-color: #797979;
  border-color: #797979;
  color: #fff;
}
.pt-btn-general01{
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  font-size: 11px;
  color: #3B3B3B;
  padding: 3px 10px;
  text-align: center;
}
.pt-btn-general01:hover{
  cursor: pointer;
  opacity: 0.8;
}
/*icon*/
.pt-icon-r18{
  display: inline-block;
  margin-top: 3px;
  background: #e73241;
  border-radius: 5px;
  height: 25px;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  vertical-align: top;
}
.pt-icon-catTxt{
  display: inline-block;
  color: #fff;
  border-radius: 3px;
  padding: 2px 5px;
  text-align: center;
  font-size: 11px;
}
.pt-icon-catTxt.comic{
  background-color: #DC5B53;
}
.pt-icon-catTxt.comicOfficial{
  background-color: #DC5B53;
}
.pt-icon-catTxt.draft{
  background-color: #6074be;
}
.pt-icon-catTxt.illust{
  background-color: #78b835;
}
.pt-icon-catTxt.novel{
  background-color: #419cf0;
}
/*tab*/
.pt-tab{
  width: 100%;
}
.pt-tab ul{
  width: 100%;
  display: flex;
  display: -webkit-flex;
  border-bottom: 1px solid #E7E6E1;
  padding: 0 20px;
  height: 39px;
}
.pt-tab ul li{
  flex: 1;
  -webkit-flex: 1;
  margin-right: 10px;
}
.pt-tab ul li:last-child{
  margin-right: 0;
}
.pt-tab ul li a{
  display: block;
  text-align: center;
  width: 100%;
  /*height: 39px;*/
  border-radius: 10px 10px 0 0;
  border: 1px solid #E7E6E1;
  padding: 10px 0 10px;
  margin-right: 10px;
  color: #72706A;
  background-color: #F7F6F2;
}
.pt-tab ul li a.on,
.pt-tab ul li a:hover{
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #fff;
}
.pt-tab ul li a:hover{
  cursor: pointer;
}
/*pager*/
.pt-pager{
  width: 100%;
  text-align: center;
  font-size: 0;
}
.pt-pager li{
  font-size: 13px;
  display: inline-block;
}
.pt-pager li a{
  display: block;
  text-align: center;
  padding:5px 10px;
  border:1px solid #E7E6E1;
  border-radius: 10px;
  margin: 0 5px;
  color: #767676;
}
.pt-pager li a:hover{
  opacity: 0.8;
}
.pt-pager li a.on{
  background-color: #F7F7F4;
}
.pt-pager .pt-pager-ellipsis a{
  border: none;
  margin: 0;
}
/*ad banner*/
.pt-ad-320x100{
  width: 320px;
  height: 100px;
}
.pt-ad-300x250{
  width: 300px;
  height: 250px;
}
.pt-ad-250x250{
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
.pt-ad-234x60{
  width: 234px;
  height: 60px;
}
.pt-ad-200x200{
  width: 200px;
  height: 200px;
}
.pt-ad-160x600{
  width: 160px;
  height: 600px;
}
.pt-ad-728x90{
  width: 728px;
  height: 90px;
}
[class*="pt-ad-"]{
  text-align: center;
  margin: 10px auto;
}
[class*="pt-ad-"] {
  max-width: 100%;
  max-height: auto;
  background: #ddd;
}
/*pt-ad　よくわからんのでこっち*/
/*adBock*/
.mdbnAdBlock{
  width: 100%;
}
.mdbnAdBlock.-fixed{
  background: rgba(0,0,0,.8);
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 12;
}
.mdbnAdBlock.-fixed + .go_top{
  display: none;
  bottom: 100px;
}
.mdbnAdBlock__970x90{
  width: 970px;
  height: 90px;
  position: relative;
  text-align: center;
}
.mdbnAdBlock__970x90 > div{
  min-width: 728px!important;
  margin: 0 auto;
}
.mdbnAdBlock__970x90 > div > div{
  min-width: 728px!important;
  margin: 0 auto;
}
.mdbnAdBlock__728x90{
  width: 728px;
  height: 90px;
  background-color: #fff;
  position: relative;
}
.mdbnAdBlock .mdbnAdBlock__close{
  position: absolute;
  right: 0;
  color: #fff;
  top: -2rem;
  background-color: rgba(0,0,0,0.8);
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
}
.mdbnAdBlock .mdbnAdBlock__close:hover{
  cursor: pointer;
}
.mdbnAdBlock__468x60{
  width: 468px;
  height: 60px;
}
.mdbnAdBlock__200x200{
  width: 200px;
  height: 200px;
}
.mdbnAdBlock__300x250 {
  width: 300px;
}
.mdbnAdBlock__300x600{
  width: 300px;
}
.mdbnAdBlock__320x50{
  width: 320px;
  height: 50px;
}
.mdbnAdBlock__320x100{
  width: 320px;
}
.mdbnAdBlock__120x600 {
  width: 120px;
  height: 600px;
}
.mdbnAdBlock__120x240 {
  width: 120px;
  height: 240px;
}
.mdbnAdBlock__160x600{
  width: 160px;
  margin: 0 auto;
}
.mdbnAdBlock__richmedia{
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  z-index: 20;
}
.mdbnAdBlock__double__rectangle{
  display: flex;
  justify-content: center;
}
.mdbnAdBlock__double__rectangle > [class^="mdbnAdBlock"]{
  margin: 0 10px;
}
.mdbnAdBlock__970x90.-center,
.mdbnAdBlock__728x90.-center,
.mdbnAdBlock__468x60.-center,
.mdbnAdBlock__300x250.-center,
.mdbnAdBlock__300x100.-center,
.mdbnAdBlock__320x50.-center,
.mdbnAdBlock__200x200.-center,
.mdbnAdBlock__120x600.-center,
.mdbnAdBlock__120x240.-center,
.mdbnAdBlock__richmedia.-center
{
  margin: 0 auto;
}

/*st = style*/
.st-text-xs{
  font-size: 76%;
}
.st-text-sm{
  font-size: 84%;
}
.st-text-md{
  font-size: 100%;
}
.st-noBorder{
  border:none;
}
.st-mgb10{
  margin-bottom: 10px;
}
.st-mgb20{
  margin-bottom: 20px;
}

/* birthdaySetting */
.birthdaySetting{
  width: 100%;
  color: #4a4a4a;
  display: block;
}
.birthdaySetting .birthdaySetting-inner{
  width: 1024px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 40px 20px;
  border-radius: 10px;
}
.birthdaySetting .birthdaySetting-txt{
  font-size: 16px;
  margin-bottom: 20px;
  width: 650px;
  margin: 0 auto 20px;
  line-height: 2em;
}
.birthdaySetting .birthdaySetting-setting{
  width: 240px;
  text-align: center;
  margin: 0 auto 30px;
}
.birthdaySetting .birthdaySetting-setting p{
  font-size: 16px;
  line-height: 1.6em;
}
.birthdaySetting .birthdaySetting-setting span{
  font-size: 11px;
  display: block;
}
.birthdaySetting .birthdaySetting-select{
  margin-top: 15px;
  margin-bottom: 30px;
}
.birthdaySetting .birthdaySetting-select select{
  min-height: auto;
}
.birthdaySetting .birthdaySetting-btn{
  display: block;
  width: 240px;
  height: 40px;
  font-size: 15px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #d1e89b;
  color: #7a9e16;
  background-color: #fff;
  border-radius: 5px;
}
.birthdaySetting .birthdaySetting-btn:hover{
  border: 1px solid #97c51a;
  color: #fff;
  background-color: #97c51a;
}
.birthdaySetting .birthdaySetting-btn.disable:hover{
  border: 1px solid #d1e89b;
  color: #7a9e16;
  background-color: #fff;
  cursor: not-allowed;
}
.birthdaySetting .birthdaySetting-bottom{
  width: 845px;
  margin: 0 auto;
  border-top:1px solid #ddd;
  padding-top: 20px;
}
.birthdaySetting .birthdaySetting-bottomLink{
   display: block;
   width: 1024px;
   margin: 0 auto;
}


/*================================================================================
  zenkan-modal-share01
================================================================================*/

.mdModal.zenkan-modal-share .mdModalBody{
  width: auto;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-title{
  width: 100%;
  text-align: left;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-title .btn_close_s:before{
  color: #585C5D;
}
.mdModal.zenkan-modal-share .mdModal_contents {
  width: 100%;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-inner{
  width: 100%;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-text{
  width: 290px;
  margin-bottom: 1.3rem;
}
.mdModal.zenkan-modal-share .mdModal_contents{
  margin: 0!important;
  padding: 20px!important;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list{
  width: 290px;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a{
  display: block;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #E7E7E7;
  padding: 10px;
  height: 80px;
  position: relative;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a:hover{
  cursor: pointer;
  opacity: 0.8;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li:first-child a{
  margin-bottom: 10px;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a.zenkan-modal-share-list--tw:before{
  color: #fff;
  position: absolute;
  left: 23px;
  top: 12px;
  font-size: 40px;
  z-index: 10;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a.zenkan-modal-share-list--tw:after{
  position: absolute;
  left: 10px;
  top:10px;
  font-size: 20px;
  z-index: 9;
  width: 60px;
  height: 60px;
  background-color: #32A7E0;
  content:"";
  border-radius: 5px;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a.zenkan-modal-share-list--fb:before{
  content: "\e714";
  color: #fff;
  position: absolute;
  left: 33px;
  top: 16px;
  font-size: 35px;
  z-index: 10;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a.zenkan-modal-share-list--fb:after{
  position: absolute;
  left: 10px;
  top:10px;
  font-size: 20px;
  z-index: 9;
  width: 60px;
  height: 60px;
  background-color: #3B5791;
  content:"";
  border-radius: 5px;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a.zenkan-modal-share-list--tw .zenkan-modal-share-list-txt01{
  color: #32A7E0;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list li a.zenkan-modal-share-list--fb .zenkan-modal-share-list-txt01{
  color: #3B5791;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list-txt01{
  display: block;
  padding-left: 75px;
  font-size: 13px;
  color: #585C5D;
  margin-top: 7px;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-list-txt02{
  display: block;
  padding-left: 75px;
  font-size: 18px;
  color: #585C5D;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-cancel{
  display: block;
  width: 100px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 10px;
  border:1px solid #E9E7E1;
  margin: 10px auto 0;
  color: #797979;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-cancel:hover{
  cursor: pointer;
  opacity: 0.8;
}
.mdModal.zenkan-modal-share .zenkan-modal-sendTxt{
  width: 480px;
  padding: 5px;
  border-radius: 5px;
  border:1px solid #BFD6E5;
  resize: vertical;
  display: block;
}
.mdModal.zenkan-modal-share .zenkan-modal-btns{
  width: 480px;
  overflow-x: hidden;
  margin-top: 25px;
}
.mdModal.zenkan-modal-share .zenkan-modal-btns--sendCancel{
  float: left;
}
.mdModal.zenkan-modal-share .zenkan-modal-btns--sendOK{
  width: 200px;
  margin-left: 42px;
}
.mdModal.zenkan-modal-share .zenkan-modal-share-title--complete{
  display: none;
}
.mdModal.zenkan-modal-share  .zenkan-modal-share03-inner{
  width: 480px;
  text-align: center;
  padding: 20px 0 10px;
}
.mdModal.zenkan-modal-share  .zenkan-modal-share03-inner p{
  width: 100%;
  text-align: center;
}
.mdModal.zenkan-modal-share  .zenkan-modal-btns--shareRead {
  padding: 10px 10px;
  font-size: 13px;
  width: 150px;
  border-radius: 5px;
}

/*================================================================================
  zenkan-modal-share01
================================================================================*/

.mdModal.zenkan-modal-review .mdModalBody{
  width: auto;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-inner{
  width: 520px;
  padding: 0 20px 20px;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-title{
  width: 100%;
  text-align: left;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-title .btn_close_s:before{
  color: #585C5D;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-label{
  display: inline-block;
  width: 60%;
  margin-bottom: 5px;
  vertical-align: top;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-txtLength{
  display: inline-block;
  width: 40%;
  margin-bottom: 5px;
  text-align: right;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-reviewTitle{
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #BFD6E5;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 20px;
}
.mdModal.zenkan-modal-review .zenkan-modal-review-reviewText{
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #BFD6E5;
  border-radius: 5px;
  padding: 5px 10px;
  min-height: 180px;
  resize: vertical;
  display: block;
}
.mdModal.zenkan-modal-review .zenkan-modal-btns{
  width: 100%;
  overflow-x: hidden;
  margin-top: 25px;
}
.mdModal.zenkan-modal-review .zenkan-modal-btns--sendCancel{
  float: left;
}
.mdModal.zenkan-modal-review .zenkan-modal-btns--sendOK{
  width: 200px;
  margin-left: 42px;
}
/*external link*/
.content.external{
    background-color: #fff;
    padding: 50px 0 70px;
}
.external .external-inner{
    width: 920px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.external .external-left{
    flex: 1;
}
.external .external-right{
    width: 275px;
    margin-left: 60px;
}
.external .external-charactor{
    width: 100%;
}
.external .external-title{
    color: #E58DA6;
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: normal;
}
.external .external-title i{
    font-style: normal;
}
.external .external-title i:before{
    padding-right: 10px;
    font-size: 40px;
}
.external .external-link{
    border-top: 1px solid #BFD6E5;
    border-bottom: 1px solid #BFD6E5;
    padding: 15px 0;
    margin-bottom: 30px;
    font-size: 13px;
    width: 82%;
    word-break: break-all;
}
.external .external-txt{
    color: #E58DA6;
    font-size: 15px;
    line-height: 1.8;
}
.external .external-txt span{
    display: block;
}

/*==============================================================================
  plugin override
==============================================================================*/
/*====================================
  plugin override > bxSlider
======================================*/
.bx-wrapper{
  margin-bottom: 20px!important;
}
.bx-wrapper .bx-controls-direction a{
  opacity: 0.6;
}
.bx-wrapper .bx-viewport {
  box-shadow: 0 0 0 #ccc!important;
  left: 0!important;}
.bx-wrapper .bx-prev{
  left: -9px!important;
}
.bx-wrapper .bx-next{
  right: -8px!important;
}
.disabled-link {
  cursor: default !important;
  pointer-events: none;
}

/*旧新コンテストのCSSがおかしい　暫定でここに*/
.mdbnContest__modal{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: block;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items:center;
  z-index:1000;
}
.mdbnContest__modal .mdbnContest__modalInner{
  width: 55%;
  padding: 2rem 0.5rem 2rem 2rem;
  border-radius: 1rem;
  height: 95%;
  background-color: #fff;
}
.mdbnContest__modal .mdbnContest__modalInnerWrap{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
}
.mdbnContest__modalPagenationContainer{
  width: 100%;
  min-height: 70px;
  display: flex;
  align-items: center;
}
.mdbnContest__modalPagenation{
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
}
.mdbnContest__modalPagenationArrow{
  display: flex;
  width: 20%;
  position: relative;
  align-items: center;
}
.mdbnContest__modalPagenationArrow.-prev:before {
  position: absolute;
  left: 0;
}
.mdbnContest__modalPagenationArrow.-next:before {
  position: absolute;
  right: 0;
}
.mdbnContest__modalPagenationArrow span {
  font-size: 12px;
  padding: 0 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
}
.mdbnContest__modalPagenationArrow.-next span {
  text-align: right;
}
.mdbnContest__modalPagenationDetail {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.mdbnContest__modalPagenationTitle {
  text-align: center;
  padding: 0 1.4rem;
  font-size: 1.2rem;
}
.mdbnContest__modalPicture{
  width: 100%;
  text-align: center;
}
.mdbnContest__modalPicture img{
  width: 70%;
}

/*特集ページ*/
/*mdbnFeatureList*/

.ac_results .mdbnMenberInvite__nickName{

}
.ac_results .mdbnCreatorSearch__creatorIDGroup{
  font-size: 11px;
  color: #7d7d7d;
  margin-top: 0.8rem;
  margin-bottom: 0..5rem;
  display: block;
  vertical-align: middle;
  margin-left: 1rem;
}
.ac_results .mdbnCreatorSearch__creatorIDLabel {
  background-color: #e5f0f5;
  padding: 0.3rem 0.5rem;
  color: #7d7d7d;
  border-radius: 0.2rem;
  margin-right: 0.5rem;
}

/* ページネーション */
.module-pagination{
  margin: 10px 20px 20px;
}
.module-pagination ul{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 20px 20px;
  text-align: center;
}
.module-pagination ul li{
  margin: 0 2px;
}
.module-pagination ul li a{
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  font-size: 13px;
  color: #767676;
  background: #fff;
}
.module-pagination ul li a:hover{
  color: #000;
  border-color: #9D9D9D;
}
.module-pagination ul li a.back{
  width: 80px;
}
.module-pagination ul li a.back::after{
  content: "\e610";
  font-family: icomoon;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.module-pagination ul li a.next{
  width: 80px;
}
.module-pagination ul li a.next::after{
  content: "\e609";
  font-family: icomoon;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.module-pagination ul li a.active{
  background: #F0F0F0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
}
.module-pagination ul li a.disable{
  opacity: .4;
  pointer-events: none;
}

/*==============================================================================
  お気に入りモーダル
==============================================================================*/
.favoriteModal{
  margin-bottom: 2.5rem;
}
.favoriteModal .input_submit_btn{
  width: 100%;
  display: block;
  margin-bottom: 1rem;
}
.favoriteModal .input_submit_btn.disabled:hover{
  border: 1px solid #d1e89b;
  color: #7a9e16;
  background-color: #fff;
}
.favoriteModal .input_cancel_btn{
  width: 100%;
  display: block;
  margin-left: 0;
}
.favoriteModal .input_cancel_btn.disabled:hover{
  border: 1px solid #eae8e3;
  color: #797979;
  background-color: #fff;
}

/*==============================================================================
  お知らせポップアップ
==============================================================================*/
.asModal__announce{

}
.asModal__announce .mdModalBody{
  width: 560px;
}
.asModal__announce .mdModalBody .mdModal_contents{
  overflow-y: scroll;
  max-height: 480px;
  height: calc(80vh - 80px);
  padding: 20px;
  margin: 0;
}
.asModal__announce .asModalAnnounceWrap {
  width: 100%;
  position: relative;
  min-height: 100%;
  padding-bottom: 48px;
}
.asModal__announce .asModalAnnounce__banner {
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
}
.asModal__announce .asModalAnnounce__banner img{
  max-width: 100%;
}
.asModal__announce .asModalAnnounce__titleGroup {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.asModal__announce .asModalAnnounce__annoinceLabel {
  display: block;
  background-color: #ccc;
  padding: 0.1rem 0.5rem;
  border-radius: 3px;
  margin-right: 1rem;
  border: 1px solid #000;
  min-width: 5rem;
  text-align: center;
}
.asModal__announce .asModalAnnounce__annoinceLabel.artstreet {
  background-color: #edfaff;
  border: 1px solid #c0e7f6;
  color: #209bce;
}
.asModal__announce .asModalAnnounce__annoinceLabel.maintenance {
  background-color: #fff8e5;
  border: 1px solid #ffd762;
  color: #cca101;
}
.asModal__announce .asModalAnnounce__annoinceLabel.contest {
  background-color: #fcf4fe;
  border: 1px solid #daadf1;
  color: #a26cca;
}
.asModal__announce .asModalAnnounce__annoinceLabel.factory {
  background-color: #f8fff2;
  border: 1px solid #c7e0b3;
  color: #5f9336;
}
.asModal__announce .asModalAnnounce__annoinceLabel.paint {
  background-color: #e9e9e9;
  border: 1px solid #c2c2c2;
  color: #6c6c6c;
}
.asModal__announce .asModalAnnounce__title {
  font-size: 16px;
  font-weight: bold;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex: 1;
  word-break: break-word;
}
.asModal__announce .asModalAnnounce__mainText {
  width: 100%;
}
.asModal__announce .asModalAnnounce__detailButton {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.asModal__announce .asModalAnnounce__detailButton a {
  display: block;
  font-size: 1.2rem;
  background-color: #356FB7;
  padding: 0.5rem 3rem;
  border-radius: 0.5rem;
  color: #fff;
}
.asModal__announce .asModalAnnounce__detailButton a:hover{
  opacity: 0.8;
}
/*==============================================================================
  contestJoinModal
==============================================================================*/
.contestJoinModal p{
  text-align: left;
}
.contestJoinModal__form{
  width: 100%;
  display: table;
  text-align: left;
  margin: 0 0 10px;
}
.contestJoinModal__form th{
  width: 100%;
  font-weight: normal;
  display: block;
  vertical-align: middle;
  padding: 0 0 0 0;
}
.contestJoinModal__form td{
  display: block;
  vertical-align: middle;
  padding: 0 0;
}
.contestJoinModal__form .contestJoinModal__label,
.contestJoinModal__group .contestJoinModal__label{
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  margin: 15px 0 5px;
}
.contestJoinModal__form .label.label-required,
.contestJoinModal__group .label.label-required{
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  background: #ff5852;
  border-radius: 5px;
  padding: 4px 8px;
  margin-right: 5px;
}
.contestJoinModal__form .input-text,
.contestJoinModal__group .input-text{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  font-size: 13px;
  color: #363636;
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
  border: 2px solid #b8d5e8;
  border-radius: 5px;
  cursor: pointer;
}
.contestJoinModal__form .input-text.input-short,
.contestJoinModal__group .input-text.input-short{
  width: 4em;
}
.contestJoinModal__form .input-text:focus,
.contestJoinModal__group .input-text:focus{
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-color: #bfd6e5;
  box-shadow: 0 0 5px #7cadea;
  outline: 0;
}
.contestJoinModal__form .contestJoinModal__radio,
.contestJoinModal__group .contestJoinModal__radio{
  display: flex;
  margin: 20px 0 30px;
}
.contestJoinModal__form .contestJoinModal__radio > li,
.contestJoinModal__group .contestJoinModal__radio > li{
  font-size: 15px;
  line-height: 1;
  margin-right: 20px;
}
.contestJoinModal__form .contestJoinModal__radio > li > label,
.contestJoinModal__group .contestJoinModal__radio > li > label{
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.contestJoinModal__form .contestJoinModal__radio > li > label > input[type=radio],
.contestJoinModal__group .contestJoinModal__radio > li > label > input[type=radio]{
  opacity: 0;
  transform: scale(.8);
  position: absolute;
  top: 2px;
  left: 2px;
}
.contestJoinModal__form .contestJoinModal__radio > li > label > input[type=radio] + span,
.contestJoinModal__group .contestJoinModal__radio > li > label > input[type=radio] + span{
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
}
.contestJoinModal__form .contestJoinModal__radio > li > label > input[type=radio] + span::before,
.contestJoinModal__group .contestJoinModal__radio > li > label > input[type=radio] + span::before{
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.contestJoinModal__form .contestJoinModal__radio > li > label > input[type=radio]:checked + span::before,
.contestJoinModal__group .contestJoinModal__radio > li > label > input[type=radio]:checked + span::before{
  background-color: #3b99fc;
  border-color: #3b99fc;
}
.contestJoinModal__form .contestJoinModal__radio > li > label > input[type=radio]:checked + span::after,
.contestJoinModal__group .contestJoinModal__radio > li > label > input[type=radio]:checked + span::after{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.contestJoinModal__group .contestJoinModal__checkbox{
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0;
}
.contestJoinModal__group .contestJoinModal__checkbox > li{
  font-size: 13px;
  line-height: 1.5;
  margin-right: 20px;
  margin-bottom: 10px;
}
.contestJoinModal__group .contestJoinModal__checkbox > li > label{
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.contestJoinModal__group .contestJoinModal__checkbox > li > label > input[type=checkbox]{
  opacity: 0;
  transform: scale(.8);
  position: absolute;
  top: 2px;
  left: 2px;
}
.contestJoinModal__group .contestJoinModal__checkbox > li > label > input[type=checkbox] + span{
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
}
.contestJoinModal__group .contestJoinModal__checkbox > li > label > input[type=checkbox] + span::before{
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0,0,0,.2) inset;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.contestJoinModal__group .contestJoinModal__checkbox > li > label > input[type=checkbox]:checked + span::before{
  background-color: #3b99fc;
  border-color: #3b99fc;
}
.contestJoinModal__group .contestJoinModal__checkbox > li > label > input[type=checkbox]:checked + span::after{
  content: '';
  display: block;
  width: 8px;
  height: 14px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 1px;
  left: 8px;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}

.contestJoinModal__form .textarea,
.contestJoinModal__group .textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  font-size: 13px;
  color: #363636;
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
  border: 2px solid #b8d5e8;
  border-radius: 5px;
  cursor: pointer;
  resize: vertical;
}
.contestJoinModal__form .textarea:focus,
.contestJoinModal__group .textarea:focus{
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-color: #bfd6e5;
  box-shadow: 0 0 5px #7cadea;
  outline: 0;
}
.contestJoinModal .text-alert{
  font-size: 13px;
  line-height: 1.5;
  color: #e52e28;
}
.contestJoinModal__group{
  margin: 0 0 10px;
}
.contestJoinModal .send_button_area{
  max-width: none;
}

/*==============================================================================
  メィミちゃんを探せ
==============================================================================*/
.findingMeiMi-found{
  /*position: absolute;
  bottom: 470px;
  right: 10px;*/
  margin: 5px 10px 5px auto;
  width: 170px;
}
.findingMeiMi-found a {
  position: relative;
  display: block;
  transition: 0.3s;
}
.findingMeiMi-found img{
  height: 120px;
  width: auto;
}
.findingMeiMi-found a .on {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.3s;
}
.findingMeiMi-found a:hover .on {
  opacity: .4;
}
.findingMeiMi-found .findingMeiMi-discovered:hover{
  opacity: .6;
}
/* modal */
.findingMeiMi-founded{
  text-align: center;
}
.findingMeiMi-founded img{
  width: 300px;
  height: auto;
  margin: 0 auto 10px;
}
.findingMeiMi-modalDiscoveredWrap{
  text-align: center !important;
  font-size: 14px;
  font-weight: bold;
  color: #11124E;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.findingMeiMi-modalDiscoveredTitle{
  margin: 0 10px 0px 0;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
}
.findingMeiMi-modalDiscoveredNum{
  background: #FBFAA5;
  padding: 0 20px;
  border-radius: 20px;
  font-size: 22px;
}
.findingMeiMi-modalDiscoveredNum em{
  color: #E23333;
  font-style: normal;
  font-size: 30px;
  margin-right: 5px;
}

.findingMeiMi-confirm_btn{
  display: block;
  background: #2882C7;
  color: #fff;
  width: 100%;
  margin: 0 auto 10px;
  transition: 0.3s;
  padding: 13px 10px;
  border-radius: 3px;
  border: 0;
  font-size: 15px;
}
.findingMeiMi-confirm_btn:hover{
  background: #133E5F;
  color: #fff;
}
.findingMeiMi-confirm_btn.foundedAll{
  background: #E23333;
}
.findingMeiMi-confirm_btn.foundedAll:hover{
  background: #A00000;
}
.findingMeiMi-founded .input_cancel_btn{
  margin: 0 auto 10px;
}
.findingMeiMi-foundedAll{
  font-size: 18px;
  text-align: center !important;
  font-weight: bold;
  color: #11124E;
  margin: 0 auto 10px;
}
/*==============================================================================
  コメント欄　メールアドレス未認証の場合
==============================================================================*/
.asCommentForm.-unauthenticated{
  position: relative;
}
.asCommentForm__unauthenticated{
  position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.asCommentForm__unauthenticatedText{
    font-size: 14px;
    text-align: center;
    padding: 2rem;
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
}


.mdbnAnnouncesRegularMaintenance{
  padding: 15px 15px;
  background: #f8f8f8;
  color: #363636;
  font-size: 12px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  margin: 10px 0;
}
.mdbnAnnouncesRegularMaintenance p:first-child{
  font-weight: bold;
  background: #e5e5e5;
  padding: 3px 8px;
  display: inline-block;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.asAddComicModal {
  width: 100%;
}
.asAddComicModalInner {
  width: 580px;
}
.asAddComicModal__text {
  width: 100%;
  text-align: center!important;
}
.asAddComicModal__loading {
  width: 100%;
  text-align: center!important;
  margin: 10px 0;
}