@charset "UTF-8";
/***************
全ページ共通設定
***************/
html.ui-mobile {
  font-size: 62.5%;
  /*ベースを10pxにしています(1.0rem=10px)*/
  line-height: 1.6rem;
  letter-spacing: 0.07rem; }

.ui-page {
  -webkit-text-size-adjust: 100%;
  /* iPhoneで横表示にしたときの文字サイズ自動調整機能をオフ */
  min-height: 550px;
  /* コンテンツが少ない場合にもナビゲーションバーを隠すための指定 */
  position: relative;
  /*フッターが下にはみ出るのを回避*/
  font-family: 'UD Shin Go Medium','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }

.ui-panel-wrapper {
  background-color: #E8E8E8; }

.ui-panel-inner {
  font-size: 1rem; }

.ui-content {
  min-height: 305px;
  /*フッター以下が画面に出ないようにするため(iphone6 plusサイズに合わせてあります)*/ }

.ui-table {
  table-layout: fixed; }

#container {
  font-size: 1.2rem; }

a {
  color: #0645ad;
  text-decoration: none; }

input, select, textarea {
  font-size: 1.6rem; }

input[type="submit"] {
  -webkit-appearance: none; }

/*a:hover,*/
/*a img:hover,*/
/*a:active,a img:active {
opacity: 0.70;
}*/
.ui-shadow {
  box-shadow: none; }

.ui-link {
  text-decoration: none; }

.ui-btn {
  font-family: 'UD Shin Go Medium','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  /*text-shadow: none !important;*/
  font-weight: normal; }

#refine .ui-btn {
  border: none; }

/*.ui-input-btn:active {
  opacity: 0.70;
}*/
.ui-btn-z {
  /*font-size:1.1rem;*/
  font-size: 1.3rem;
  color: #fff;
  background-color: #D8262E;
  border: none;
  border-radius: 3px;
  width: 50%;
  margin: 0 auto;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  white-space: normal; }

.ui-btn-y {
  font-size: 1.3rem;
  color: #fff;
  background-color: #666;
  border: none;
  border-radius: 3px;
  width: 40%;
  margin: 20px auto; }

.ui-btn-x {
  font-size: 1.4rem;
  color: #333;
  border-radius: 3px;
  white-space: normal;
  border: 1px solid #ddd;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  background: linear-gradient(#FFECB3, #FFCA28); }

.ui-btn-v {
  color: #fff;
  font-size: 1.1rem;
  background-color: #D8262E;
  border-radius: 3px;
  border: none; }

.ui-btn-u {
  font-size: 1.1rem;
  color: #fff;
  background-color: #D8262E;
  border: none;
  border-radius: 3px;
  width: 40%;
  margin: 0 auto;
  white-space: normal; }

.ui-btn-t {
  font-size: 1.1rem;
  color: #fff;
  background-color: #666;
  border: none;
  border-radius: 3px;
  width: 40%;
  margin: 0 auto; }

.ui-btn-w {
  font-size: 1.1rem;
  text-align: center;
  color: #000;
  background-color: #F78F8F;
  border: none;
  /*width: 80%;*/
  /*border-radius: 3px;*/
  margin: 0 auto; }

.ui-btn-m {
  color: #fff;
  font-size: 1.2rem;
  /*font-weight: bold;*/
  background-color: #3093c7;
  border-radius: 3px;
  border: none;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset; }

.ui-btn-n {
  color: #333;
  font-size: 1.2rem;
  /*font-weight: bold;*/
  background-color: #ddd;
  border: 1px solid #bbb;
  border-radius: 3px; }

.ui-btn-d {
  color: #333;
  font-size: 1.4rem;
  border-radius: 3px;
  background-color: #ddd;
  border: 1px solid #bbb; }

.ui-btn-f {
  padding: 3px 0;
  margin: 10px auto 15px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 3px;
  white-space: normal; }

.ui-btn-k {
  color: #fff;
  font-size: 1.5rem;
  background-color: #D8262E;
  border-radius: 3px;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  border: none; }

.ui-btn-p {
  color: #fff;
  background: #2DAC62;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset; }

label.ui-btn-z {
  font-weight: normal; }

label.ui-btn-v {
  font-weight: normal; }

.ui-btn.ui-btn-k {
  font-weight: bold; }

/*jqm default*/
.ui-btn-corner-all {
  border-radius: 3px; }

.no-corner * {
  border-radius: 0 !important; }

.no-p * {
  padding: 0 0 !important; }

.no-m * {
  margin: 0 0 !important; }

.no-s {
  overflow: visible !important;
  white-space: normal !important; }

.m-auto {
  margin: 0 auto; }

.ui-header {
  border: none; }

.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head + body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head + body .ui-btn.ui-btn-b:visited {
  /*text-shadow: none;*/ }

.ui-collapsible-themed-content .ui-collapsible-content {
  border: none; }

/*****
共通
header
ヘッダーの固定方法は機種によってバグが出やすいため、
jqueryMobileによる固定と、position:fixed;による固定と2種類使えるように記述を置いておきます
*****/
header {
  background-color: #F72525;
  color: #fff;
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.4);
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  overflow: hidden; }

/*header h1*/
header .logo {
  margin-left: 12px;
  height: 46px;
  width: 46px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(/css_js/sp/sp_images/avclogo.gif);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 5px;
  display: inline-block; }

/*header h2*/
header .header_title {
  text-align: right;
  float: right;
  /*margin-right: 56px;「メニュー」アイコンで表示時有効*/
  margin-right: 70px;
  /*「メニュー」文字表示時有効*/
  margin-top: 5px; }

/*header h2 span*/
header .header_title span {
  line-height: 1.9rem; }

header .ml {
  margin-left: 56px;
  /*右メニュー出すときのタイトル位置調整*/ }

/*header h1 a*/
header .logo a {
  display: block;
  width: 46px;
  height: 46px; }

.icon {
  width: 22px;
  height: 22px;
  margin: 2px 0 0; }

/*ヘッダーデザイン改善20151009*/
.leftpanel-open, .rightpanel-open {
  font-size: 1.4rem;
  padding: .85em .2em; }

.panel-ico {
  padding: .6em .8em; }

.leftpanel-open .fa, .rightpanel-open .fa {
  font-size: 2.2rem; }

.leftpanel-open, .rightpanel-open {
  background: linear-gradient(#EF5350, #F72525);
  box-shadow: 0px 2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  border: 1px solid #b80000;
  color: #fff; }

header .header_title {
  margin-right: 60px; }

/*****
共通
data-role="main内"
*****/
#container {
  margin-top: 10px; }

/***************
top(index.html)
***************/
.header_image {
  background-color: #fff;
  text-align: center;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2); }

.header_image img {
  vertical-align: top;
  width: 100%;
  height: auto; }

.width580 {
  max-width: 580px; }

.width720 {
  max-width: 720px; }

/*****
bxslider改善後
*****/
/*起動時バグ回避*/
.bxslider li,
.bxflick li {
  display: none; }

.bx-viewport .bxslider li,
.bx-viewport .bxflick li {
  display: block !important; }

.bxticker,
.bxslider {
  padding: 0;
  margin: 0; }

/*ティッカー*/
.ad_ticker {
  text-align: center;
  padding: 5px 0; }

.ad_ticker_c {
  margin-bottom: -20px; }

.ad_ticker a {
  font-size: 1.1rem;
  color: #666;
  text-decoration: underline; }

.ad_ticker a:active {
  text-decoration: none; }

/*ヘッダにバナー広告入れた場合*/
.ad_ticker a img {
  margin: auto;
  max-width: 100%; }

/*メイン*/
.header_bx {
  background-color: #fff; }

.bxslider li img {
  margin: 0 auto;
  vertical-align: top; }

/*top chMonthlyフリック*/
li.indexchm {
  padding-bottom: 5px; }

li.indexchm a img {
  margin-bottom: 5px; }

li.indexchm a {
  display: inline-block; }

/*ppvtop rankingフリック*/
.rank_slide li {
  padding-bottom: 10px; }

.rank_slide_ebook li {
  padding: 10px 0; }

.rank_slide li p {
  width: 100%;
  max-width: 120px;
  /*background-color: #D8262E;*/
  color: #fff;
  margin: 7px auto 0;
  padding: 3px 0; }

.rank_slide li > p {
  background-color: #D8262E; }

.rank_slide li img,
.rank_slide_ebook li img {
  margin: 0px auto;
  max-height: 170px; }

.rank_slide li a {
  position: relative;
  display: block;
  color: #fff;
  font-size: 1.1rem;
  border: none;
  height: 100%; }

/*末尾の「ランキングを見る」入れるボックス位置調整*/
.rank_slide li div {
  height: 148px;
  overflow: hidden;
  display: table;
  margin-top: 7px;
  font-size: 1.3rem; }

@media screen and (min-width: 374px) {
  .rank_slide li div {
    height: 173px; } }

@media screen and (min-width: 390px) {
  .rank_slide li div {
    height: 190px; } }

.rank_slide li div div {
  display: table-cell;
  vertical-align: middle; }

.rank_slide li div div a {
  display: table-cell;
  vertical-align: middle; }

.rank_slide li div div a h2 {
  display: table-cell;
  vertical-align: middle; }

/*商品ページサンプル画像*/
.preview li,
.preview_ebook li {
  /*padding-bottom: 5px;*/ }

.preview li img,
.preview_ebook li img {
  /*  min-height: 170px;
  margin-right: auto;
  margin-left: auto;*/ }

/*トッページメインイメージ*/
.topimageblock {
  width: 100%;
  background-color: #fff;
  padding: .4rem 0; }

.topimagewrapper {
  width: 100%; }

.topimagebox {
  overflow: hidden;
  float: left; }

.topimagebox:nth-child(even) {
  margin-bottom: .4rem; }

.topimagebox:after {
  content: "";
  clear: both;
  display: block; }

.topimagebox img {
  height: auto;
  vertical-align: top; }

.leftimage {
  width: 53.5%;
  text-align: right;
  margin-right: .4rem; }

.rightimage {
  width: 44.4%;
  text-align: left; }

.leftimage img {
  width: 100%;
  height: auto;
  max-width: 171px; }

.rightimage img {
  width: 100%;
  height: auto;
  max-width: 140px; }

@media screen and (max-width: 320px) {
  .leftimage img {
    max-width: 155px; }
  .rightimage img {
    max-width: 127px; } }

/*トップページトピックス表示*/
.topics {
  color: #fff;
  padding: 1rem;
  overflow: hidden;
  background-color: #555;
  margin-bottom: 20px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2); }

.topics h2 {
  font-size: 1.2rem;
  font-weight: bold; }

.topics p a {
  font-weight: bold;
  color: #fff;
  text-decoration: underline; }

.topics p a:hover,
.topics p a:active {
  text-decoration: none; }

.tap {
  cursor: pointer; }

.tap_content {
  display: none;
  background-color: #666;
  padding: 1rem;
  margin-top: 10px; }

.tap_content p {
  margin-bottom: 10px;
  font-size: 1.2rem; }

.close_btn {
  float: right;
  display: inline-block;
  background-color: #333;
  padding: .5rem;
  border-radius: 3px;
  margin-right: 2px;
  margin-bottom: 2px; }

.batsu {
  width: 20px;
  height: 3px;
  background-color: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.batsu:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg); }

/*開閉矢印*/
.topics h2 span {
  background-image: url(/css_js/sp/sp_images/icon/down_arw_white.png);
  background-repeat: no-repeat;
  background-position: right center;
  display: block; }

.topics h2 span span {
  background-image: none;
  display: block;
  padding-right: 20px; }

.topics h2 .down-arw {
  background-image: url(/css_js/sp/sp_images/icon/up_arw_white.png); }

.open-list-nav dt.helpdis {
  background: none;
  background-color: #FFE5E5; }

/*コンテンツブロック*/
.contentbox {
  background-color: #fff;
  /*font-size: 1.1rem;*/
  text-align: center;
  /*padding: 0 10px 10px;*/
  padding: 10px 10px;
  margin-bottom: 20px;
  word-break: break-all;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2); }

.contentbox .ui-btn {
  white-space: normal; }

/*.gridtext.ui-icon-carat-r.ui-btn-icon-right*/
.green, .m_blue, .ch_blue, .yellow {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }

.textbox {
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/ }

.boxhead {
  font-family: Montserrat,'UD Shin Go Medium','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  letter-spacing: .05rem;
  color: #fff;
  display: block; }

.contenthead .ui-btn {
  font-weight: normal; }

.contenthead {
  /*text-shadow: none;*/ }

.contenthead a {
  border: none;
  color: #fff;
  font-size: 1.2rem;
  text-align: right;
  /*text-shadow:none;*/ }

/*topページ各サービス改善後*/
.type_box_jkt {
  display: inline-block;
  width: 120px;
  height: 170px;
  margin: 5px 3px;
  vertical-align: middle; }

.type_box_jkt .ui-btn {
  padding-left: .25em; }

.type_box_jkt .ui-btn-icon-right {
  /*padding-right: 2em;*/
  padding-right: 1.8em; }

.type_box_jkt .ui-btn-icon-right:after {
  /*right: .3em;*/
  right: .1em; }

.type_box_jkt_img {
  max-width: 120px;
  max-height: 170px; }

/*428*/
/*559*/
@media screen and (max-width: 428px) {
  .w428 {
    display: none; } }

@media screen and (min-width: 428px) {
  .w428 {
    display: inline-block; } }

@media screen and (max-width: 559px) {
  .w559 {
    display: none; } }

@media screen and (min-width: 559px) {
  .w559 {
    display: inline-block; } }

/*画面小さな機種では非表示にするclass*/
@media only screen and (max-width: 359px) {
  .disnon360 {
    display: none; } }

@media only screen and (max-width: 374px) {
  .disnon375 {
    display: none; } }

/*フッター*/
.ui-footer {
  margin-top: 50px; }

footer {
  text-align: center; }

#pagetop {
  width: 100%;
  margin: 0;
  border: none; }

#pagetop:hover,
#pagetop:active {
  background-color: #111; }

#footmenu li a {
  padding-top: 14px;
  padding-bottom: 14px; }

#footinfo {
  margin: 10px 5%;
  font-size: 1.2rem;
  line-height: 1.8rem; }

#footinfo li {
  display: inline-block;
  color: #fff;
  margin: 5px 5px 0 0; }

#footinfo li a {
  color: #fff; }

.footer_img {
  text-align: center; }

.footer_img img {
  width: 100%;
  max-width: 300px;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

#device {
  margin-top: 15px;
  font-size: 1.3rem; }

#device a {
  color: #fff;
  border-radius: 3px;
  padding: 10px 30px;
  display: inline-block;
  border: 1px solid #666;
  background-color: #333; }

#copyright {
  color: #bbb;
  padding: 30px 0 25px 0;
  font-size: 1rem; }

/*#device{
  padding: 15px;
  font-weight: lighter;
  font-size: 1.3rem;
  color: #fff;
}
#device span{
  color: #333;
  background-color: #ddd;
  padding: 5px 7px;
}
#device a{
  color: #fff;
  padding: 5px 10px;
  border: 1px solid #666;
  background-color: #333;
}
#copyright{
  color: #626262;
  padding: 20px 0 10px 0;
  font-size: 1rem;
}*/
/*パネルウィジェットここから*/
/*jqueryMobileデフォルトcss上書き*/
.ui-panel {
  width: 27.2rem;
  text-shadow: none;
  padding-bottom: 50px;
  /*iOSsafari対策*/ }

.ui-panel-position-left {
  left: -27.2rem; }

.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  transform: translate3d(-27.2rem, 0, 0); }

.ui-panel-position-right {
  right: -27.2rem; }

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  transform: translate3d(27.2rem, 0, 0); }

.ui-panel-page-content-position-left {
  left: 27.2rem;
  right: -27.2rem; }

.ui-panel-animate.ui-panel-page-content-position-left {
  transform: translate3d(27.2rem, 0, 0); }

.ui-panel-page-content-position-right {
  left: -27.2rem;
  right: 27.2rem; }

.ui-panel-animate.ui-panel-page-content-position-right {
  transform: translate3d(-27.2rem, 0, 0); }

.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  left: 27.2rem; }

.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
  right: 27.2rem; }

@media (min-width: 55em) {
  .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
    margin-right: 27.2rem; }
  .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
    margin-left: 27.2rem; } }

.ui-panel .ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn {
  border-width: 1px 1px 0 0;
  border-style: solid; }

/*デフォルトcssここまで*/
/*パネル固定、スクロール不調改善*/
.ui-panel-wrapper-fixed {
  position: fixed; }

.android .ui-panel-wrapper-fixed {
  position: relative; }

/*androidはfixedバグりやすいので固定しない*/
.listbox:after {
  content: "";
  clear: both;
  display: block; }

.ui-panel, .ui-panel * {
  box-sizing: border-box; }

/*panel androidズレ調整*/
/*パネル基本*/
.panellist {
  margin: -10px -16px;
  position: relative; }

.panellist li {
  float: left;
  position: relative; }

.panellist li a {
  font-family: 'UD Shin Go Medium','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: normal;
  color: #ffffff;
  padding: 16px 36px 16px 16px;
  /*display: block;*/
  white-space: normal;
  /*テキスト省略回避*/ }

.panellist li .ui-btn-icon-right:after {
  right: 1.5rem;
  /*右アイコン位置調整*/ }

#signin {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.4rem;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 0; }

#signin a {
  border-radius: 3px;
  display: table-cell;
  width: 50%;
  padding: 10px 0; }

#signup {
  background-color: #EB2C31;
  color: #fff; }

#login {
  background-color: #FFC600;
  color: #000; }

.ui-listview .list-head {
  background-color: #1D1D1D;
  padding: 7px 16px;
  font-size: 1.0rem;
  font-weight: 100;
  color: #000; }

.w100 {
  width: 100%; }

.w50 {
  width: 50%; }

#search {
  margin-top: -5px;
  margin-bottom: 16px;
  border: none; }

#search ul {
  margin: 0 0 10px; }

#search ul li {
  display: inline-block;
  vertical-align: top;
  /*height: 34px;*/ }

.search-w {
  width: 70%; }

.search-w input {
  padding: .9rem 1.9rem; }

#right .search-w .ui-input-search,
#left .search-w .ui-input-search {
  /*height: 34px;*/
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.search-b {
  width: 25%; }

#right .search-b .ui-btn,
#left .search-b .ui-btn {
  /*padding: 1.05rem 1.5rem;*/
  /*font-size: 1.2rem;*/
  font-size: 1.6rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

#search .ui-field-contain > label ~ [class*="ui-"],
#search .ui-field-contain .ui-controlgroup-controls {
  width: 70%;
  /*検索ラジオボタンの全体幅*/ }

.ui-mobile #search label {
  font-size: 11px;
  text-align: center;
  padding: 3px 0; }

#search .ui-radio {
  width: 33.3%; }

#search .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
  top: 10%;
  /*検索フォームアイコン位置調整*/ }

#logout {
  margin: 30px 0 60px;
  font-weight: normal;
  text-shadow: none; }

/*バナーをpc共通テンプレートから読み込んで表示するスタイル*/
.banner-sidemenu-template .ctx:nth-child(-n+2) {
  border-width: 0 1px 0 0; }

.banner-sidemenu-template .ctx {
  border-width: 1px 1px 0 0;
  border-style: solid;
  background-color: #333;
  border-color: #1d1d1d;
  color: #fff;
  text-shadow: 0 1px 0 #111;
  padding: 0;
  float: left;
  width: 50%; }

.banner-sidemenu-template .ctx li a {
  display: block;
  padding: .75em 1em .75em 1.35em; }

.banner-sidemenu-template .ctx li a img {
  width: 100%;
  vertical-align: top; }

/*行頭list-style*/
.panellist .fa {
  margin-right: 5px;
  font-size: 1.4rem;
  vertical-align: top; }

.panellist li a.panellist_bar, .panellist li a.panellist_disc {
  padding-left: 31px; }

.panellist li a.panellist_bar:before {
  content: "";
  display: block;
  width: 6px;
  height: 26px;
  position: absolute;
  top: 10px;
  /*top: 50%;
    margin-top: -4px;*/
  left: 16px; }

.panellist li a.panellist_disc:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  /*top: 10px;*/
  left: 16px;
  top: 50%;
  margin-top: -5px; }

.panellist_ppv:before {
  background-color: #2DAC62; }

.panellist_monthly:before {
  background-color: #3A8EBF; }

.panellist_chm:before {
  background-color: #006CB9; }

.panellist_ebook:before {
  background-color: #f8a900; }

.panellist_yen:before {
  background-color: #FFEB3B; }

.panellist_sp:before {
  background-color: #f72525; }

.panellist_std:before {
  background-color: #FF8533; }

.panellist_mx:before {
  background-color: #7C9CCC; }

.panellist_jp:before {
  background-color: #B04FCC; }

.panellist_pl:before {
  background-color: #E7456F; }

.panellist_wd:before {
  background-color: #CCCCCC; }

.panellist_mypage:before {
  background-color: #999; }

.panellist_attenion:before {
  background-color: #DCE775; }

/*広告領域*/
.footer_ad.ad {
  text-align: center;
  margin-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px; }

.footer_ad.ad div {
  margin-bottom: 10px; }

.footer_ad.ad div img {
  max-width: 300px;
  height: auto; }

/*右パネル広告領域*/
#rightpanel aside.ad {
  text-align: center;
  margin-top: 70px;
  /*padding: 10px 2rem;*/
  padding: 10px 0;
  background-color: #666;
  border-radius: 3px;
  overflow: hidden; }

#rightpanel aside.ad div {
  margin-bottom: 10px; }

#rightpanel aside.ad div img {
  /*width: 100%;
  max-width: 234px;
  height: 60px;*/
  border: 1px solid #bbb; }

.contentblock aside.ad {
  text-align: center;
  margin-top: 15px;
  padding-bottom: 20px; }

.contentblock aside.ad div {
  margin-bottom: 10px; }

.contentblock aside.ad div img {
  max-width: 300px;
  height: auto; }

/*検索ラジオボタン吹き出し*/
#search .ui-btn.ui-btn-active.ui-radio-on {
  position: relative;
  overflow: visible; }

#search .ui-radio-off:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }

#search .ui-btn.ui-btn-active.ui-radio-on:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid #3388cc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }

/*panel-logo*/
.panel-logo {
  text-align: center;
  padding-bottom: 14px; }

.panel-logo img {
  vertical-align: middle;
  max-width: 100%; }

.panel-logo-avc {
  width: 150px; }

/*パネルウィジェットここまで*/
/***************
common(second page)
***************/
#common .slideImage img {
  max-width: 285px;
  height: auto; }

.slideImage.banner_size img {
  max-width: 285px;
  height: auto; }

/*#ranking img{
  max-width: 170px;
  height: auto;
}*/
#channel img {
  max-width: 120px;
  height: auto; }

.prod {
  width: 100%;
  margin: 5px auto;
  text-align: center; }

.prod:after {
  content: "";
  clear: both;
  display: block; }

.prodbox {
  background-color: #fff;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 100%;
  height: 190px;
  margin: 5px auto;
  text-align: left;
  overflow: hidden; }

/*.prodbox img:hover,.link a:hover,
.prodbox img:active,.link a:active {
  opacity: 0.70;
}*/
.prodbox:last-child {
  margin-bottom: 20px; }

/*20160518 y.shiroshita タブレット表示でボタンのカラム落ちを改善するためにmedia screen以下変更*/
/*@media screen and (min-width: 580px) {
  .prodbox{
    width: 48%;
    margin: .2rem .5rem .8rem ;
    float: left;
  }
}*/
@media screen and (min-width: 600px) {
  #prod, .prod {
    margin: 0 -5px; }
  #prod:after {
    /* .prodはcf済 */
    content: "";
    clear: both;
    display: block; }
  .prodbox {
    width: 48%;
    margin: .2rem .5rem .8rem;
    float: left; }
  .prodbox .btn .ui-btn {
    padding-right: 0;
    padding-left: 0; } }

.prodbox img {
  float: left;
  margin: 10px;
  width: auto;
  max-width: 120px; }

.prodright {
  overflow: hidden;
  margin: 10px 10px 0 0;
  height: auto;
  color: #333; }

.prodright a:not(.ui-btn) {
  color: #333;
  display: inline-block;
  width: 100%; }

/*.prodright h2*/
.prodright h3 {
  font-size: 1.2rem;
  font-weight: bold;
  height: 45px;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  /*文字数オーバー対応*/
  /*文字数オーバー対応*/
  -webkit-line-clamp: 3;
  /*3行目で…挿入*/ }

.prodright p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%; }

.prodright li {
  width: 100%; }

.cast {
  margin-bottom: 7px;
  font-size: 1.2rem;
  color: #555; }

#channelMonthly_ch .cast {
  margin-bottom: 0; }

.price {
  padding: 0 0 5px 0;
  font-weight: bold; }

.price a {
  /*lib_monthly チャンネル名表示用*/
  color: #0645ad;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline; }

.price img {
  /*lib_monthly 「New」アイコン用*/
  float: none;
  margin: 0;
  width: auto;
  height: auto; }

.price span {
  color: #F72525; }

.price li {
  white-space: normal; }

.week, .inf {
  color: #F72525;
  font-weight: bold; }

.week:before, .inf:before {
  font-weight: normal;
  margin-right: 5px;
  color: #333; }

.week:before {
  content: "７日間"; }

.inf:before {
  content: "無期限"; }

.btn {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 2px 0;
  margin-bottom: 5px; }

.btn a,
.btn .ui-btn {
  display: table-cell;
  width: 50%;
  /*font-size: 1rem;*/
  font-size: 1.3rem;
  color: #333;
  vertical-align: middle;
  border-radius: 3px;
  text-align: center;
  white-space: normal;
  border-collapse: separate;
  border-spacing: 0 10px;
  border: 1px solid #bbb;
  background: linear-gradient(#fff, #f0f0f0); }

.prodright .btn a .fa {
  margin-right: 3px; }

/*ボタン色用css*/
.btn_on, .mylist_btn_on {
  background: #8FA9F7; }

.btn_on, .mylist_btn_on {
  background: #FFE5E5 !important;
  /*background: #fff !important;*/
  box-shadow: none !important; }

.btn .ui-btn-icon-top:after {
  /*デフォルト値top: .5625em;*/
  top: -.1rem;
  /*アイコン位置調整*/ }

.btn .ui-btn {
  /*デフォルト値padding: .7em 1em;*/
  padding: 5px 3px; }

.btn .ui-btn-icon-top {
  /*デフォルト値padding-top: 2rem;*/
  padding-top: 1.7rem; }

/*マルチデバイス非対応時の表示*/
/*.multidevice-no{
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 7px;
  background-color: #f0f0f0;
  color: #000;
  text-align: center;
  border: 1px solid #bbb;
}
.multidevice-no .fa{font-size:2.4rem;}*/
.multidevice-no {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2px 3px;
  background-color: #f8f8f8;
  color: #333;
  font-weight: bold;
  text-align: center;
  border: 1px solid #bbb;
  font-size: 1.3rem; }

.multidevice-no .fa {
  font-size: 1em;
  vertical-align: middle;
  margin-right: 5px; }

/*20160325 Y.shiroshita
HD対応のため商品一覧カートボタンのデザイン変更*/
.prodright .fa-shopping-cart:before {
  font-size: 1.6rem; }

.prodbox .btn a:not(.ui-icon-book) {
  vertical-align: top; }

.btn-cart {
  min-height: 60px; }

.btn-cart a:active {
  background: #bbb; }

.prodright--carthead {
  margin-bottom: 2px; }

/*オーバーレイ*/
.cart-overlay {
  box-sizing: border-box;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.cart-overlay_on, .cart-overlay_off {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.cart-overlay_on {
  -webkit-tap-highlight-color: transparent; }

.cart-overlay_off .ui-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

.cart-overlay .cart-overlay_title {
  padding: 5px 0 0;
  color: #fff;
  font-size: 2rem;
  max-height: 51px;
  overflow: hidden;
  /*文字オーバー対応*/
  display: -webkit-box;
  /*文字数オーバー対応*/
  /*文字数オーバー対応*/
  -webkit-line-clamp: 2;
  /*4行目で…挿入*/
  white-space: normal; }

.cart-overlay .cart-overlay_inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background: rgba(0, 0, 0, 0.75); }

.cart-overlay .border-text {
  color: #fff; }

.cart-overlay .border-text span:before, .border-text span:after {
  border-color: #fff; }

.cart-overlay_close_btn {
  position: fixed;
  z-index: 100;
  right: 0;
  top: -44px;
  width: 44px;
  height: 44px;
  border-top-left-radius: 5px;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.cart-overlay_close_btn .fa {
  font-size: 3.6rem;
  color: #fff;
  line-height: 44px; }

@media only screen and (min-width: 479px) {
  .cart-overlay .cart-overlay_inner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: none;
    padding-top: 50px; }
  .cart-overlay_close_btn {
    position: absolute;
    top: 50px;
    border-bottom-left-radius: 5px; }
  .cart-overlay .cart-overlay_title {
    display: block;
    width: 95%;
    white-space: nowrap; } }

/* 20160517商品一覧 HD表示用 Y.shiroshita */
.hd-badge:before,
.sd-badge:before {
  display: inline-block;
  padding-right: 2px;
  padding-left: 2px;
  font-family: Montserrat, Verdana, sans-serif;
  vertical-align: middle;
  color: #fff; }

.hd-badge:before {
  content: "HD";
  background-color: #FFA000; }

.sd-badge:before {
  content: "SD";
  background-color: #1976D2; }

.btn-cart {
  position: relative; }

.prodright--carthead.sd-badge:before,
.prodright--carthead.hd-badge:before {
  position: absolute;
  top: -5px;
  left: -17.5px;
  padding: 10px 15px 0;
  transform: rotate(-45deg);
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  font-size: 1.4rem; }

@media screen and (max-width: 335px) {
  .prodright--carthead.hd-badge:before, .prodright--carthead.sd-badge:before {
    font-size: 1.3rem; } }

/**
**********
clist
**********
**/
/*プルダウンメニュー基本CSS*/
.pulldown .ui-btn-right,
.pulldown .ui-btn-left {
  padding-top: 3px; }

.pulldown-content {
  display: none;
  overflow: hidden; }

/*プルダウンメニュー基本CSSここまで*/
#refine {
  padding: 0; }

#refine .pulldown-tab {
  font-size: 1.2rem;
  color: #0645ad;
  background-color: #fff; }

#refine .pulldown-tab.ui-icon-carat-u {
  background-color: #F78F8F; }

#refine ul {
  padding: 0 10px 10px 10px;
  font-size: 1rem; }

#refine li {
  width: 100%;
  clear: both;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center; }

#refine .ui-select {
  width: 65%;
  display: inline-block;
  border: 1px solid #999; }

#refine .ui-select .ui-btn {
  font-size: 1.1rem;
  color: #000;
  padding: 1em; }

.prodhead {
  /*text-shadow: none;*/
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  padding: 10px 20px;
  margin: 0 -10px 10px;
  background-color: #D8262E; }

.prodhead .boxhead {
  font-size: 1.5rem; }

#next img {
  margin: 0 auto; }

/*ここからclist追加記述文*/
/*.c_index{
margin: 10px -10px 0;
padding: 0 20px;
}*/
.page_num {
  float: left;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2.5rem; }

.input_page {
  float: right; }

.input_page input[type="text"], .input_page input[type="number"] {
  width: 60px;
  background-color: #fff;
  border: 1px #ddd solid;
  color: #333;
  webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: .3125em;
  font: normal normal normal 13.3333330154419px/normal Arial;
  padding: 1px 0px;
  line-height: 1.4em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  font-size: 1.6rem; }

.input_page input[type="submit"] {
  box-sizing: border-box;
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #bbb;
  font-size: 1.4rem;
  border-radius: 3px;
  padding: 7px; }

@media only screen and (max-width: 330px) {
  .input_page input[type="text"], .input_page input[type="number"] {
    width: 50px; } }

@media only screen and (max-width: 330px) {
  .input_page input[type="submit"] {
    padding: 5px; } }

/**
**********
loginpage
**********
**/
.contentbox form {
  text-align: left; }

.explain {
  background-color: #FFE5E5;
  padding: 12px 1rem 10px; }

.loginform .ui-btn, label.ui-btn {
  /*ログインボタン*/
  font-weight: normal;
  font-size: 1.35rem; }

.loginmenu {
  padding: 7.5px 5px;
  font-size: 1.2rem; }

.loginmenu:before {
  content: '▶ '; }

/**
**********
cat
**********
**/
.cathead span {
  margin-left: 10px;
  font-size: 1rem;
  color: #333; }

.cathead a {
  color: #333;
  font-weight: bold;
  /*background: -webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#fff));
  background: -webkit-linear-gradient(top, #f0f0f0 , #fff );
  background:         linear-gradient(top, #f0f0f0 , #fff );*/ }

.catbox .index_genre {
  margin-bottom: 15px; }

.catbox {
  background-color: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  color: #333;
  border: 1px solid #bbb; }

.catbox .ui-btn {
  border: none; }

/*ジャンルテーブル*/
.index_genre {
  margin: 0 auto; }

.index_genre h2 {
  margin-bottom: 7px;
  font-size: 1.1rem;
  font-weight: bold; }

.index_genre p {
  margin-bottom: 7px;
  font-size: 1.1rem;
  font-weight: bold; }

.index_genre table {
  width: 100%;
  /*border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;*/
  border: 1px solid #bbb;
  font-size: 1.1rem;
  table-layout: fixed; }

.counter {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: #bbb; }

.counter:before {
  content: " ("; }

.counter:after {
  content: ")"; }

.index_genre td {
  text-align: center;
  border: 1px solid #bbb;
  background-color: #333;
  background: linear-gradient(top, #eeeeee, #e0e0e0); }

/*.catbox .index_genre a{
  font-size: 1.2rem;
  color: #000;
}*/
.index_genre td a {
  color: #fff;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0; }

/**
**********
mypage
**********
**/
#mypage .prodhead {
  margin: 25px -10px 10px; }

.mymenulist {
  width: 100%; }

.mymenulist tr {
  border-bottom: 1px solid #bbb; }

.mymenulist tr:first-child {
  border-top: 1px solid #bbb; }

.mymenulist th {
  width: 38px;
  padding: 3px 0; }

.mymenulist td {
  vertical-align: middle; }

.mymenulist td a {
  padding-left: 10px;
  font-size: 1.3rem;
  line-height: 1.6rem; }

.ui-btn-r {
  border: none;
  padding: 0 30px 0 0;
  margin: 0;
  white-space: normal;
  text-align: left; }

.flatrate-ico a,
.mp-ico a,
.mylist-ico a,
.help-ico a,
.bought-mov-ico a,
.bought-book-ico a,
.play-history-ico a,
.mplay-history-ico a,
.cc-history-ico a,
.mp-history-ico a,
.sp-history-ico a,
.paid-money-ico a,
.user-info-ico a,
.change-pw-ico a,
.mail-ico a,
.pay-register-ico a,
.chmonthly-ico a {
  background: url(/css_js/sp/sp_images/mypage_icon_list.png) no-repeat;
  height: 38px;
  width: 38px;
  overflow: hidden;
  display: table-cell; }

.flatrate-ico a {
  background-position: 2px 1px; }

.mp-ico a {
  background-position: 2px -73px; }

.mylist-ico a {
  background-position: 2px -36px; }

.help-ico a {
  background-position: 2px -110px; }

.bought-mov-ico a {
  background-position: 2px -147px; }

.bought-book-ico a {
  background-position: 2px -221px; }

.play-history-ico a {
  background-position: 2px -184px; }

.mplay-history-ico a {
  background-position: 2px -295px; }

.cc-history-ico a {
  background-position: 2px -258px; }

.mp-history-ico a {
  background-position: 2px -369px; }

.sp-history-ico a {
  background-position: 2px -332px; }

.paid-money-ico a {
  background-position: 2px -406px; }

.user-info-ico a {
  background-position: 2px -443px; }

.change-pw-ico a {
  background-position: 2px -517px; }

.mail-ico a {
  background-position: 2px -480px; }

.pay-register-ico a {
  background-position: 2px -554px; }

.chmonthly-ico a {
  background-position: 2px -592px; }

/**
**********
styletop共通
**********
**/
/*ランキングbadge*/
.grid li {
  display: inline-block;
  position: relative; }

div.style_badge {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -1px;
  right: -1px;
  /*background-color: #F72525;*/
  background-color: #D8262E;
  display: table; }

div.style_badge div {
  font-family: montserrat,sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  /*  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);*/ }

/*badgeここまで*/
.style_boxhead {
  font-size: 1.2rem;
  padding: .5rem; }

/**
**********
formグローバル設定
**********
**/
.formbox label {
  /*font-size: 1.1rem;*/
  background-color: #FFE5E5;
  /*padding:2px 0;*/ }

/*.formbox{
  text-align: left;
}
.formbox p {
  font-size: 1rem;
  color: #666;
}*/
.submitbtn {
  text-align: center; }

.submitbtn .ui-btn {
  display: inline-block; }

.require {
  color: #F72525; }

/**
**********
contact
**********
**/
#contact_conf .contentbox {
  font-size: 1rem; }

/**
**********
c(single page)
**********
**/
/*サンプル画像スワイプ(js不使用)*/
.swipe-wrapper {
  margin-right: -10px;
  margin-left: -10px;
  overflow-x: auto;
  overflow-y: hidden;
  /*padding-bottom: 10px;*/
  -webkit-overflow-scrolling: touch; }

.swipe-wrapper:after {
  content: "";
  clear: both;
  display: block; }

.swipe {
  display: table;
  border-collapse: separate;
  border-spacing: 5px 0;
  margin: auto; }

.swipe > * {
  -webkit-transform: translateZ(0px); }

.android .swipe > * {
  -webkit-transform: none; }

/*スライドバーを表示したいときは.swipe-wrapper.on-sliderをclass指定する
(慣性スクロールは無効になります)*/
.on-slidebar {
  -webkit-overflow-scrolling: auto;
  padding-bottom: 2px; }

.on-slidebar::-webkit-scrollbar {
  height: 10px;
  margin-right: -20px;
  margin-left: -20px; }

.on-slidebar::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #ddd;
  margin-right: 20px;
  margin-left: 20px; }

.on-slidebar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #FFA726; }

.unit {
  text-align: center;
  display: table-cell;
  position: relative; }

.unit:first-child {
  margin-left: 0; }

.unit img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border: 1px solid #ddd; }

.unit .swipe_preview {
  width: 120px; }

@media only screen and (min-width: 369px) {
  .unit .swipe_preview {
    width: 145px; } }

.unit .swipe_ebook-recomend img,
.unit .swipe_recomend img {
  width: auto;
  height: 170px; }

.unit .swipe_ebook-recomend,
.unit .swipe_recomend {
  height: 170px; }

.swipe_preview:nth-child(n+2) {
  margin-top: 5px; }

/*トップページの作品ジャケット横スライド　.swipe-wrapper.swipe-cardを指定する*/
/*swipe新デザイン適用に伴い
708行目type_box_jkt_img撤廃*/
.swipe-wrapper.swipe-card, .swipe-wrapper.swipe-chm {
  margin-right: -20px;
  /*contentboxからoverflowさせて表示*/
  margin-left: -25px;
  /*contentboxからoverflowさせて表示 -20px -5px table-separate分位置調整*/
  padding-left: 20px;
  /*開始点をボックス内に収めるためのpadding*/ }

.swipe-wrapper.swipe-card .unit:last-child,
.swipe-wrapper.swipe-chm .unit:last-child {
  padding-right: 15px; }

/*最後のunitが右端から距離とってbox内に収まるように*/
.swipe-card .unit img, .swipe-chm .unit img {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd; }

/*jktを並べる際は、サイズにばらつきがありすぎて汚く見えるのでimg高さを均一に調整*/
.swipe-card .unit img {
  max-height: 170px;
  width: auto; }

@media only screen and (min-width: 369px) {
  .swipe-card .unit img {
    max-height: 200px; } }

/*************************/
/*トップページswaipe-card末尾のリンク*/
.swipe-card_more_wrapper {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  border: 1px solid #ddd;
  margin-right: 15px; }

.swipe-card_more {
  display: table;
  height: 100%;
  width: 100%;
  vertical-align: middle; }

.swipe-card_more_inner {
  display: table-cell;
  vertical-align: middle;
  color: #666; }

.icon-circle {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 0 rgba(255, 255, 255, 0.5);
  background-color: #fff;
  margin-right: auto;
  margin-left: auto; }

.icon-circle .fa {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 25px;
  height: 25px; }

/*トップページの題字btnにボックスシャドウ付ける*/
.contenthead .ui-btn {
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset; }

/*コンテンツ*/
.content-media {
  background-color: #fff;
  margin-right: -10px;
  margin-left: -10px;
  padding: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.content-title {
  font-size: 1.6rem;
  letter-spacing: .05rem;
  color: #333;
  padding-bottom: 7px; }

.c_box img {
  float: left;
  padding-bottom: 10px;
  width: 40%;
  height: auto;
  max-width: 170px;
  min-width: 100px; }

.c_right {
  padding: 5px 0 0 8px;
  color: #333;
  overflow: hidden; }

.c_right .c_right_act li {
  font-size: 1.3rem;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis; }

.c_right .c_right_act li a {
  white-space: nowrap; }

p.paystyle {
  font-weight: bold; }

.paystyle span {
  color: #666; }

.paystyle:before {
  content: "定額スタイル："; }

.c_btn a {
  font-size: 1.2rem;
  margin: 10px 0;
  display: block;
  border-radius: 3px;
  text-align: center;
  white-space: normal;
  color: #000;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  background: linear-gradient(#fff, #f0f0f0);
  border: 1px solid #ddd; }

.c_btn a .fa {
  float: left;
  font-size: 1.6rem;
  color: #333; }

#c .btn {
  margin: 0; }

#cartbtnbox p {
  padding: 0;
  font-size: 1.2rem; }

/*購入ボタン*/
#cartbtnbox .btn a {
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  border: 1px solid #ddd;
  border-radius: 5px; }

#cartbtnbox .btn .fa {
  margin-right: 3px; }

.btn .buynow {
  background: linear-gradient(#FFECB3, #FFCA28); }

.btn .addcart {
  background-color: #607D8B;
  background: linear-gradient(#fff, #ddd); }

.btn .buynow-purchased {
  color: #666;
  border-color: #ccc;
  background: #fff;
  cursor: default; }

/*20160325 Y.shiroshita
HD対応のためCSSを追加*/
#cartbtnbox .border-text {
  margin-top: 5px;
  margin-bottom: 0; }

#cartbtnbox .fa-check-square-o,
#cartbtnbox .fa-shopping-cart {
  font-size: 1.6rem; }

.cartbtnbox_quality {
  font-size: 1.2rem;
  font-weight: bold; }

@media only screen and (max-width: 359px) {
  .cartbtnbox_quality {
    display: block; } }

.cartbtnbox_limit {
  font-size: 1.4rem;
  font-weight: bold; }

.cartbtnbox_price {
  margin-left: 5px;
  color: #da0000;
  font-size: 1.4rem; }

#cartbtnbox .btn {
  table-layout: fixed; }

/*HD/SDアイコン*/
.hd-ico:before,
.sd-ico:before {
  display: inline-block;
  padding: 0 5px;
  margin: 0 5px;
  font-family: Verdana, sans-serif;
  font-size: 1.3rem;
  border-bottom: 1px solid; }

.sd-ico:before {
  content: "SD";
  color: #1976D2;
  border-color: #1976D2; }

.hd-ico:before {
  content: "HD";
  color: #FFA000;
  border-color: #FFA000; }

.cart-overlay .ui-btn.hd-ico:before,
.cart-overlay .ui-btn.sd-ico:before {
  padding: 0;
  margin: 0;
  border-bottom: none; }

/*購入ボタン下のサービスポイント表示*/
.service-point-circle {
  display: inline-block;
  height: 15px;
  width: 15px;
  font-family: Montserrat,sans-serif;
  color: #fff;
  background-color: #8D6E63;
  border-radius: 50%;
  margin-right: 3px;
  vertical-align: middle;
  position: relative; }

.service-point-circle:after {
  content: "P";
  position: absolute;
  left: 0;
  top: 50%;
  right: 50%;
  margin-top: -7px;
  margin-right: -9px;
  font-size: 1.2rem; }

/*購入済みのストリーミング再生欄*/
#playview h2 {
  max-width: 280px;
  padding: .5rem 10px;
  font-family: Montserrat,'UD Shin Go Medium','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left; }

.streaming {
  background-color: #3A8EBF; }

.download {
  background-color: #D8262E; }

#playview h2 span {
  display: block;
  width: 10.8rem;
  color: #fff;
  font-size: 1rem;
  text-align: right;
  font-weight: normal;
  letter-spacing: .05rem; }

#playview p {
  font-size: 1.1rem;
  text-align: left;
  padding: .5rem 0; }

a[name="st_url"] {
  cursor: pointer; }

/*対応デバイス表*/
#device-type {
  margin-top: 10px;
  background: white; }

#device-type .device-type_head {
  background-color: #2DAC62;
  max-width: 280px;
  padding: .5rem;
  color: #fff;
  font-size: 1.4rem;
  text-align: left; }

#device-type .device-type_head span {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: .05rem;
  display: block; }

#device-type .device-type_head span a {
  color: #fff;
  text-decoration: underline; }

#device-type .device-type_head span a:hover,
#device-type .device-type_head span a:active {
  text-decoration: none; }

#device-type h3 {
  margin: 0;
  background: url(/css_js/sp/sp_images/device-menu3.png) no-repeat 0 -180px;
  height: 26px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }

#device-type ul {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }

#device-type ul li {
  padding: 2px 1px 10px 1px;
  float: left;
  font-size: 10px;
  overflow: hidden;
  width: 23.5%; }

.border_wrapper {
  border: 1px solid #ddd;
  height: 84px;
  /*background-color: #F5F5F5;*/ }

#device-type ul li div {
  width: 60px; }

#device-type ul li:first-child {
  margin-left: 3px; }

#device-type ul li span.dl-ico,
#device-type ul li span.st-ico {
  margin-top: 2px;
  background: url(/css_js/sp/sp_images/device-menu3.png) no-repeat;
  width: 28px;
  height: 14px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }

#device-type ul li span.dl-ico {
  background-position: 0 -206px; }

#device-type ul li span.st-ico {
  background-position: -28px -206px; }

#device-type ul .d-win span,
#device-type ul .d-mac span,
#device-type ul .d-ios span,
#device-type ul .d-andro span {
  background-image: url(/css_js/sp/sp_images/device-menu3.png);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  display: inline-block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }

/*  device-menu.png使用時有効にする
      #device-type.ebook_device ul .d-win span,
      #device-type.ebook_device ul .d-mac span,
      #device-type.ebook_device ul .d-ios span,
      #device-type.ebook_device ul .d-andro span{
        background-image:url(/css_js/sp/sp_images/device-menu-ebook.png);
      }*/
#device-type ul .d-win span {
  background-position: 0 0; }

#device-type ul .d-mac span {
  background-position: -60px 0; }

#device-type ul .d-ios span {
  background-position: -120px 0; }

#device-type ul .d-andro span {
  background-position: -180px 0; }

/*OFF*/
#device-type ul .d-win span.off {
  background-position: 0 -60px; }

#device-type ul .d-mac span.off {
  background-position: -60px -60px; }

#device-type ul .d-ios span.off {
  background-position: -120px -60px; }

#device-type ul .d-andro span.off {
  background-position: -180px -60px; }

.icon_detail {
  padding-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.icon_detail p {
  width: 50%;
  padding: .5rem 0;
  background-color: #E8E8E8; }

.icon_detail p:last-child {
  margin-left: .5rem; }

.icon_detail p span.dl-ico,
.icon_detail p span.st-ico {
  display: inline-block;
  vertical-align: top;
  background: url(/css_js/sp/sp_images/device-menu3.png) no-repeat;
  width: 28px;
  height: 14px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden; }

.icon_detail p span.dl-ico {
  background-position: 0 -206px; }

.icon_detail p span.st-ico {
  background-position: -28px -206px; }

/*作品情報*/
.proddetail {
  line-height: 2.2rem;
  font-size: 1.2rem;
  text-align: left; }

.proddetail .boxhead {
  color: #333;
  font-size: 1.6rem;
  padding: 0 .5rem 5px; }

.proddetail h3.boxhead {
  font-size: 1.5rem; }

.proddetail .boxhead.infohead {
  font-size: 1.5rem; }

.prod_id:before {
  content: "作品番号："; }

.prod_time:before {
  content: "再生時間："; }

.prod_date:before {
  content: "配信開始日："; }

.prod_maker:before {
  content: "メーカー / レーベル："; }

.prod_series:before {
  content: "シリーズ："; }

.prod_director:before {
  content: "監督："; }

.prod_ch:before {
  content: "登録チャンネル："; }

.prod_cat:before {
  content: "登録ジャンル:"; }

.prod_tag:before {
  content: "登録タグ："; }

#c .tablelist li img {
  max-width: 160px; }

/*c_ebook追加記述文*/
/*.c_ebook.c_right h2 a{
  font-size: 1.3rem;
  height:31px;
  margin-bottom: 6px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}*/
.format span {
  color: #666; }

.author:before {
  content: "著者："; }

/*.author a{
  display: inline-block;
}*/
.prod_publisher:before {
  content: "出版社 / レーベル："; }

.prod_date_ebook:before {
  content: "販売日："; }

.prod_rating:before {
  content: "年齢指定："; }

.prod_pages:before {
  content: "ページ数："; }

#c.c_ebook .tablelist li img {
  max-width: 600px; }

/*サンプル画像スライダーカスタム*/
.bx-controls {
  /*pager表示位置・領域*/
  /*margin:5px 25px 10px;*/ }

/*サンプル画像ページ*/
#item-image {
  background-color: #000; }

#item-image h1 {
  font-size: 1.6rem; }

.sample_pict {
  width: 100%;
  margin-top: 10px;
  text-align: center; }

.sample_pict li {
  margin-bottom: 5px; }

.sample_pict img {
  width: 100%;
  max-width: 580px;
  height: auto; }

/**
**********
new_member ~ first_login
**********
**/
/*アフィ用画像*/
.fCLR {
  text-align: center; }

img[src="/images/affiliate/affiliate_info.gif"] {
  width: 100%;
  height: auto;
  max-width: 300px;
  margin: 3px auto 10px; }

/*submit button*/
.btn .submit_wrapper {
  display: table-cell;
  width: 50%; }

.btn input[type="submit"] {
  width: 100%;
  font-size: 1.4rem;
  padding: 8px 5px; }

.submit_agree {
  color: #fff;
  background-color: #D8262E;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  border: none;
  border-radius: 3px; }

.submit_cancel {
  color: #fff;
  background-color: #666;
  box-shadow: 0px -2px 1px 0 rgba(0, 0, 0, 0.3) inset;
  border: none;
  border-radius: 3px; }

/**/
#new_member .contentbox {
  line-height: 1.6rem; }

#new_member_conf .contentbox {
  line-height: 1.6rem; }

#new_member dd {
  margin: 7px 0; }

.length4.ui-field-contain > label ~ [class*="ui-"] {
  width: 90px;
  float: left; }

.length4 span {
  font-size: 1.2rem;
  margin-left: 5px;
  position: relative;
  top: 5px; }

.member_process {
  line-height: 1.8rem;
  font-size: 1.2rem;
  text-align: left;
  word-wrap: break-word; }

.member_process .boxhead {
  color: #333;
  font-size: 1.6rem;
  padding: 0 .5rem 5px; }

.credix_box {
  padding: .5rem;
  margin-top: 10px;
  background-color: #e8e8e8;
  overflow: hidden; }

.credix_box img {
  height: 41px;
  width: auto;
  float: left;
  margin: 0 .5rem 5px 0; }

/*.member_process li{
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 5px;
}*/
.credix_right {
  text-align: right;
  float: right;
  width: 100%;
  max-width: 100px;
  padding: 5px 0 0 8px;
  color: #333;
  overflow: hidden; }

.credix_right p {
  word-wrap: break-word; }

/**
**********
ranking
**********
**/
.prodbox {
  position: relative; }

div.badge {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F72525;
  display: table; }

div.badge p {
  font-family: montserrat,sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); }

/**
**********
ch
**********
**/
.mainImage img {
  width: 100%;
  max-width: 580px;
  height: auto;
  vertical-align: top; }

.ch_guide {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  color: #666;
  text-align: left; }

.ch_guide p {
  padding: .2rem .7rem; }

/*プルダウンここから*/
.pulldownhead {
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 auto;
  background-color: #666;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/ }

.pulldownhead a {
  border: none;
  color: #fff;
  font-size: 1.1rem;
  text-shadow: none; }

/*プルダウンここまで*/
#refine .ui-collapsible-heading .ui-btn {
  text-align: center;
  padding: .5rem 0;
  font-size: 1.3rem; }

/**
**********
sp_list
**********
**/
.sp_wrapper {
  width: 100%;
  margin: 5px auto;
  text-align: center; }

.spbox {
  display: inline-block;
  width: 100%;
  margin: 5px auto;
  overflow: hidden; }

.spbox img {
  width: 100%;
  max-width: 330px;
  /*height: auto;*/
  overflow: hidden;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

@media screen and (min-width: 480px) {
  .spbox {
    width: 47%;
    height: auto;
    margin: 0 .5rem 1rem;
    float: left; } }

/**
**********
special
**********
**/
.special {
  /*background-imageはhtml側にstyle属性で動的に出力しています*/
  background-position: top center;
  background-size: contain; }

.specialRight {
  display: none; }

/*古い特集のコントロールしづらい画像を非表示*/
/**
**********
channelMonthly
**********
**/
/*gridグローバル設定*/
.grid li {
  position: relative;
  display: inline-block;
  margin: 0 .4rem; }

.grid * {
  font-size: 1.2rem; }

.center {
  text-align: center; }

.grid li a img {
  width: 100%;
  /*139px*/
  height: auto; }

/*grid channelMonthlyページ内設定*/
#channelMonthly .grid li {
  width: 139px;
  height: auto; }

#channelMonthly .grid li a {
  display: inline-block;
  margin-bottom: 8px;
  color: #fff;
  background-color: #D8262E;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

.ch_head {
  color: #333;
  font-size: 1.3rem;
  font-weight: bold;
  background-color: #fff; }

/*ここから左上タスキ*/
div.sash {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  overflow: hidden; }

div.sash p {
  width: 100%;
  border-top: 2px solid #F72525;
  border-bottom: 2px solid #3A8EBF;
  background-color: #eee;
  font-weight: bold;
  color: #333;
  text-align: center;
  position: absolute;
  top: 7px;
  left: 55px;
  -webkit-transform: rotate(45deg); }

/*ここまで左上タスキ*/
/**
**********
channelMonthly_single
**********
**/
.chm_mainImage {
  background-color: #000; }

.chm_mainImage img {
  width: 100%;
  max-width: 980px;
  height: auto;
  vertical-align: top; }

.img_wrapper {
  width: 100%;
  max-width: 980px;
  position: relative;
  margin: 0 auto; }

.middle_wrapper {
  width: 100%;
  height: 100%;
  display: table; }

.middle {
  display: table-cell;
  vertical-align: middle; }

.chm_pass {
  width: 39%;
  padding: 0 .5rem;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  background-color: #fff;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  overflow: hidden;
  font-size: 1.1rem; }

.chm_pass h3 {
  letter-spacing: 0rem; }

.img_wrapper a {
  color: #333; }

.chm_title {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  height: 35%;
  background-size: contain; }

.img_wrapper_multidevice {
  position: absolute;
  bottom: 4px;
  right: 43%;
  padding: 0 5px;
  color: #fff;
  text-shadow: 1px 0 0 #000,0 1px #000, -1px 0 0 #000,0 -1px 0 #000;
  text-align: right;
  font-weight: bold;
  line-height: 110%; }

/*ロゴ指定*/
.chm_actress {
  background-image: url(/css_js/sp/sp_images/ch-monthly/actress/logo.png); }

.chm_bigtits {
  background-image: url(/css_js/sp/sp_images/ch-monthly/bigtits/logo.png); }

.chm_madam {
  background-image: url(/css_js/sp/sp_images/ch-monthly/madam/logo.png); }

.chm_crime {
  background-image: url(/css_js/sp/sp_images/ch-monthly/crime/logo.png); }

.chm_vintage {
  background-image: url(/css_js/sp/sp_images/ch-monthly/vintage/logo.png); }

.chm_chaku-ero {
  background-image: url(/css_js/sp/sp_images/ch-monthly/chaku-ero/logo.png); }

.chm_cos-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/cos-play/logo.png); }

.chm_wakazuma {
  background-image: url(/css_js/sp/sp_images/ch-monthly/wakazuma/logo.png); }

.chm_les {
  background-image: url(/css_js/sp/sp_images/ch-monthly/les/logo.png); }

.chm_kikaku {
  background-image: url(/css_js/sp/sp_images/ch-monthly/kikaku/logo.png); }

.chm_nanpa {
  background-image: url(/css_js/sp/sp_images/ch-monthly/nanpa/logo.png); }

.chm_chijo {
  background-image: url(/css_js/sp/sp_images/ch-monthly/chijo/logo.png); }

.chm_sm {
  background-image: url(/css_js/sp/sp_images/ch-monthly/sm/logo.png); }

.chm_p-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/p-mani/logo.png); }

.chm_c-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/c-mani/logo.png); }

.chm_s-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/s-mani/logo.png); }

.chm_a-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/a-mani/logo.png); }

.chm_f-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/f-mani/logo.png); }

.chm_n-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/n-mani/logo.png); }

.chm_t-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/t-mani/logo.png); }

.chm_age35down {
  background-image: url(/css_js/sp/sp_images/ch-monthly/age35down/logo.png); }

.chm_age35up {
  background-image: url(/css_js/sp/sp_images/ch-monthly/age35up/logo.png); }

.chm_age40 {
  background-image: url(/css_js/sp/sp_images/ch-monthly/age40/logo.png); }

.chm_age50 {
  background-image: url(/css_js/sp/sp_images/ch-monthly/age50/logo.png); }

.chm_age60 {
  background-image: url(/css_js/sp/sp_images/ch-monthly/age60/logo.png); }

.chm_age-multi {
  background-image: url(/css_js/sp/sp_images/ch-monthly/age-multi/logo.png); }

.chm_jukujo-best {
  background-image: url(/css_js/sp/sp_images/ch-monthly/jukujo-best/logo.png); }

.chm_story-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/story-play/logo.png); }

.chm_moso-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/moso-play/logo.png); }

.chm_chijo-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/chijo-play/logo.png); }

.chm_acme-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/acme-play/logo.png); }

.chm_nakadashi-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/nakadashi-play/logo.png); }

.chm_violence-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/violence-play/logo.png); }

.chm_paiketsu-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/paiketsu-play/logo.png); }

.chm_fuzoku-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/fuzoku-play/logo.png); }

.chm_les-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/les-play/logo.png); }

.chm_feti-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/feti-play/logo.png); }

.chm_costume-play {
  background-image: url(/css_js/sp/sp_images/ch-monthly/costume-play/logo.png); }

.chm_g-mani {
  background-image: url(/css_js/sp/sp_images/ch-monthly/g-mani/logo.png); }

.chm_pink-movie {
  background-image: url(/css_js/sp/sp_images/ch-monthly/pink-movie/logo.png); }

.chm_kuradashi {
  background-image: url(/css_js/sp/sp_images/ch-monthly/kuradashi/logo.png); }

.accent {
  font-family: Montserrat,'UD Shin Go Medium','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-size: 1.7rem;
  letter-spacing: .05rem; }

.bold {
  font-weight: bold; }

/*.mouseover:hover,
.mouseover:active{
  opacity: 0.70;
}*/
/**
**********
gridリスト設定
---
#alist
#mlist
#c
**********
**/
#alist .grid li,
#mlist .grid li {
  width: 88px;
  height: auto; }

/*#mypage .grid li,*/
#c .grid li,
#alist .grid.ebook li {
  /*ebook alist*/
  width: 139px; }

#alist .grid li img,
#mlist .grid li img {
  /*androidハック*/
  width: 88px;
  height: auto; }

#c .grid li img {
  /*androidハック*/
  width: 139px;
  height: auto; }

#alist .grid li a,
#mlist .grid li a,
#c .grid li a {
  display: inline-block;
  margin: 7.5px 0;
  padding-bottom: 3px;
  font-size: 1.1rem;
  background-color: #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

#alist .grid.ebook li a {
  /*ebook alist*/
  padding: 10px 0; }

#alist .grid li a p {
  width: 88px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#alist .grid.ebook li a p {
  /*ebook alist*/
  width: 139px;
  font-size: 1.4rem;
  font-weight: bold;
  white-space: normal; }

.grid li a span {
  /*影デザイン グローバル設定*/
  display: inline-block;
  padding: .2rem;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: inset 0px 1px 2px 0px #666;
  -webkit-box-shadow: inset 0px 1px 2px 0px #666; }

#mlist .grid li a span {
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#alist .grid.ebook li a span {
  /*ebook alist*/
  margin-top: 5px; }

#alist .ui-btn-y,
#mlist .ui-btn-y {
  margin-bottom: 0; }

/*grid style.htmlジャンルリスト専用*/
.tile {
  font-size: 1rem; }

.tile .grid {
  overflow: hidden; }

.tile .grid li {
  height: 88px;
  position: relative; }

/* alist 230911 */
.tile > li {
     display: inline-block;
     margin-bottom: 5px;
	background-color: #FFFFFF;
}
.tile-img {
    text-align: center;
    margin: 0 -0.5px;
}


.tile .grid li a {
  width: 80px;
  height: 80px;
  margin: 5px 0;
  font-size: 1.1rem;
  font-weight: bold;
  background-color: #ddd;
  border: 1px solid #bbb;
  color: #000;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/
  border-radius: 3px;
  overflow: hidden;
  /*文字オーバー対応*/
  display: -webkit-box;
  /*文字オーバー対応*/ }

.tile .grid li a.gridtext {
  color: #fff; }

.gridtext.ui-btn-icon-right:after {
  right: .2em; }

.tile .grid li a.gridtext p,
.tile .grid li a.gridtext h2,
.tile .grid li a.gridtext p,
.tile .grid li a.gridtext h2 {
  width: 59px;
  position: relative;
  left: 2px;
  font-weight: bold; }

/*.android .tile .grid li a.gridtext p,
.android .tile .grid li a.gridtext h2,
.android .tile .grid li a.gridtext p,
.android .tile .grid li a.gridtext h2 {androidハック
  position: absolute;
  top: 23%;
  left: 3px;
}*/
.tile .grid li a p,
.tile .grid li a h2 {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  width: 80px;
  height: 80px;
  word-break: break-all;
  text-overflow: ellipsis; }

/*grid tileレイアウト 画像リスト専用*/
.img_tile.ch_banner .grid li {
  height: 80px;
  position: relative; }

.img_tile.act_banner .grid li {
  height: 88px;
  margin-bottom: 15px;
  /*画像下文字分余白*/
  position: relative; }

.img_tile.act_banner .grid li a.gridtext p,
.img_tile.act_banner .grid li a.gridtext h2,
.img_tile.act_banner .grid li a.gridtext p,
.img_tile.act_banner .grid li a.gridtext h2 {
  margin-top: 7.5px;
  /*画像下文字分余白で落ち込んだテキストを引き上げる*/ }

.img_tile.ch_banner .grid li a {
  width: 120px;
  height: 72px;
  display: table;
  margin: 5px 0;
  font-size: 1.1rem;
  border-radius: 3px; }

.img_tile.act_banner .grid li a {
  width: 80px;
  height: 80px;
  display: table;
  margin: 7.5px 0;
  font-size: 1.1rem;
  color: #000;
  border-radius: 3px; }

.act_name {
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.img_tile.ch_banner .grid li a p,
.img_tile.ch_banner .grid li a h2 {
  width: 100px;
  /*width: 90px;
  position: absolute;
  top: 20%;
  left: 5px;*/ }

.img_tile.act_banner .grid li a p,
.img_tile.act_banner .grid li a h2 {
  width: 59px;
  position: relative;
  left: 2px; }

.android .img_tile.act_banner .grid li a p,
.android .img_tile.act_banner .grid li a h2 {
  /*androidハック*/
  width: 59px;
  position: absolute;
  top: 23%;
  left: 3px; }

/* .img_tile グローバル設定*/
.img_tile .grid li a img {
  /*グローバル*/
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/
  border-radius: 3px;
  border: 1px solid #bbb; }

.img_tile.ch_banner .grid li a img {
  border: none; }

.img_tile .grid li a.gridtext {
  /*グローバル*/
  border: 1px solid #bbb;
  padding: 30px;
  color: #fff;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/ }

.grid li a p,
.grid li a h2 {
  font-weight: bold; }

.img_tile .grid li a p,
.img_tile .grid li a h2 {
  /*グローバル*/
  display: table-cell;
  vertical-align: middle;
  white-space: normal; }

@media screen and (max-width: 480px) {
  .w480, .w570, .w700 {
    display: none; } }

@media screen and (min-width: 480px) {
  .w480 {
    display: block; } }

@media screen and (max-width: 570px) {
  .w570 {
    display: none; } }

@media screen and (min-width: 570px) {
  .w570 {
    display: block; } }

@media screen and (max-width: 570px) {
  .w700 {
    display: none; } }

@media screen and (min-width: 700px) {
  .w700 {
    display: block; } }

/**
**********
ppv_top
**********
**/
.stylebox {
  background-color: #fff;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 100%;
  margin: 3px auto;
  text-align: left;
  overflow: hidden; }

.stylebox:last-child {
  margin-bottom: 20px; }

@media screen and (min-width: 580px) {
  .stylebox,
  .select_ticket .stylebox {
    overflow: hidden;
    width: 48%;
    margin: .2rem .5rem .8rem;
    float: left;
    /*height: 154px;*/ }
  .m_chlist {
    height: 67px;
    overflow: hidden;
    display: -webkit-box;
    /*文字数オーバー対応*/
    /*文字数オーバー対応*/
    -webkit-line-clamp: 4;
    /*4行目で…挿入*/ } }

.stylebox img {
  float: left;
  margin: 10px;
  width: 40%;
  max-width: 115px;
  height: auto; }

.styleright {
  margin: 15px 10px 0 0;
  color: #333;
  overflow: hidden; }

/*.styleright h2*/
.styleright .styleright_style {
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  padding-left: .5rem;
  margin-bottom: 5px;
  overflow: hidden; }

/*.styleright h3*/
.styleright .styleright_detail {
  padding: 3.5px 0;
  font-size: 1.3rem;
  color: #555; }

.styleright p {
  padding: 1.5px 0;
  font-size: 1.1rem; }

/*50音テーブル*/
.index50 {
  margin: 0 1.5rem 2rem; }

.index50 h2 {
  margin-bottom: 7px;
  font-size: 1.1rem;
  font-weight: bold; }

.index50 p {
  margin-bottom: 7px;
  font-size: 1.1rem;
  font-weight: bold; }

.index50 table {
  width: 100%;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  font-size: 1.3rem; }

.index50 td {
  text-align: center;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  width: 20%;
  background: linear-gradient(top, #eeeeee, #e0e0e0); }

.index50 td a {
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 0; }

#refine .ui-collapsible-heading .ui-btn {
  text-align: center;
  padding: .5rem 0;
  font-size: 1.3rem; }

/**
**********
monthly_top
**********
**/
.style_card {
  width: 100%;
  margin: 0 auto; }

.style_card img {
  width: 100%;
  height: auto;
  max-width: 96px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }

.style_card p {
  width: 100%;
  height: auto;
  width: 96px; }

.style_card li {
  margin: 0 0 3px 0; }

.monthly_guide {
  width: 100%;
  padding: .2rem;
  background-color: #069;
  color: #fff; }

.img_wrapper720 {
  width: 100%;
  max-width: 720px;
  position: relative;
  margin: 0 auto; }

.m_pass {
  width: 39%;
  padding: 0 .5rem;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  /*background-color: #fff;
  opacity: 0.75;*/
  background-color: rgba(255, 255, 255, 0.75);
  overflow: hidden;
  color: #333; }

/*.m_pass .h2,*/
.m_pass .m_pass_style {
  font-size: 1.3rem;
  letter-spacing: .05rem;
  line-height: 2rem;
  font-weight: bold;
  color: #000; }

/*.m_pass h3*/
.m_pass .m_pass_price {
  letter-spacing: .1rem; }

a.m_ticket {
  display: block;
  width: 95%;
  padding: 5px 0;
  margin: 5px auto 10px;
  text-align: center;
  background-color: #008fd2;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 3px;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/ }

a.m_ticket.buyit {
  background-color: #FFC600;
  color: #333; }

.m_ticket.m_ticket-delete {
  color: #333;
  background-color: #ddd;
  border: 1px solid #bbb; }

.m_chbox {
  padding: 0 1rem 10px;
  clear: both; }

.m_chbox .m_chbox_head {
  font-size: 1.1rem;
  letter-spacing: .08rem;
  overflow: hidden;
  /*white-space: nowrap;
  text-overflow: ellipsis;*/ }

.m_chlist {
  padding: .5rem 1rem;
  background-color: #e8e8e8; }

.m_chlist li {
  display: inline-block;
  padding: 0 .1rem .3rem; }

.m_chlist a {
  text-decoration: underline; }

.m_chlist a:hover,
.m_chlist a:active {
  text-decoration: none; }

/**
**********
style_monthly
**********
**/
.img_wrapper580 {
  width: 100%;
  max-width: 580px;
  position: relative;
  margin: 0 auto; }

.img_cap {
  position: absolute;
  padding: .2rem;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.70;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  color: #000;
  text-align: left; }

/**
**********
ebook
**********
**/
.comic_c {
  background-color: #f8a900; }

.ranking_slider img {
  width: 100%;
  max-width: 170px;
  height: auto; }

/*form data-theme="a" jqmカスタマイズ用class*/
/*.ui-page-theme-a .ui-btn, .formbox .ui-bar-a .ui-btn, .formbox .ui-body-a .ui-btn, .formbox .ui-group-theme-a .ui-btn, .formbox .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, .formbox .ui-bar-a .ui-btn:visited, .formbox .ui-body-a .ui-btn:visited, .formbox .ui-group-theme-a .ui-btn:visited, .formbox .ui-btn.ui-btn-a:visited {
background-color: #ddd;
border: 1px solid #999;
color: #333;
デフォルト設定background-color: #ddd;border-color: #999; color: #333;
}*/
.a_custom .ui-btn.ui-btn-a,
.ui-checkbox label.ui-btn.ui-btn-a {
  background-color: #ddd;
  border: 1px solid #999;
  color: #333; }

/*ebook各chメインイメージ内テキスト*/
.ebook_pass {
  width: 39%;
  padding: 0 .5rem;
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  background-color: #000;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  overflow: hidden;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

/**
**********
cart
**********
**/
.cartbox {
  position: relative;
  background-color: #fff;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 100%;
  height: auto;
  /*max-height: 152px;*/
  margin: .25rem auto;
  padding: 10px 0;
  text-align: left;
  overflow: hidden; }

/*.cartbox img:hover,.link a:hover,
.cartbox img:active,.link a:active {
  opacity: 0.70;
}*/
.cartbox:last-child {
  margin-bottom: 20px; }

.cartbox img {
  float: left;
  margin: 0 10px;
  width: 31%;
  height: auto;
  max-width: 93px; }

.cartright {
  margin: 0 10px 0 0;
  color: #333;
  overflow: hidden; }

.cartright a {
  /*color: #333;*/
  display: inline-block;
  width: 100%; }

.cartright a > * {
  color: #333; }

.del_btn {
  margin-top: 5px;
  display: table;
  border-collapse: separate;
  border-spacing: 2px 0; }

.cartright a.ui-btn {
  /*font-size: 1rem;*/
  width: 50%;
  /*color: #fff;*/
  /*font-weight: bold;*/
  display: table-cell;
  white-space: normal;
  vertical-align: middle;
  /*border: none;*/ }

.cartright h3 {
  font-size: 1.2rem;
  font-weight: bold;
  height: 45px;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  /*文字数オーバー対応*/
  /*文字数オーバー対応*/
  -webkit-line-clamp: 3;
  /*3行目で…挿入*/ }

.cartright p {
  font-size: 1.2rem;
  color: #555;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

p.term {
  white-space: normal; }

.cartright .item-detail-alart {
  /*width: 100%;*/
  padding: .5rem .2rem;
  margin-bottom: 5px;
  background: #d80000;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  border-radius: 3px;
  /*-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/ }

/*合計金額*/
.amount {
  width: 100%;
  text-align: right;
  font-size: 1.2rem; }

.amount th:after {
  content: "："; }

.amount tr {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  height: 2rem; }

.amount tr:last-child {
  border-bottom: none; }

.amount td span {
  font-weight: bold; }

tr.cart-payoff {
  height: 2.3rem;
  border-top: 2px solid #2d2d2d; }

.pay_method {
  border-bottom: 1px solid #bbb;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #555; }

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

.pay_method ul {
  text-align: right; }

.pay_method .ui-field-contain > label {
  width: auto; }

.no_sel {
  padding: .2rem;
  text-align: center;
  background-color: #ddd; }

.pay_head {
  display: inline-block;
  float: left; }

.pay_head:after {
  content: "";
  clear: both;
  display: block; }

.pay_data {
  color: #F72525;
  font-weight: bold;
  font-size: 125%; }

.border-text {
  color: #777;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 5px; }

.border-text span {
  display: inline-block;
  position: relative; }

.border-text span:before,
.border-text span:after {
  content: "";
  position: absolute;
  height: 4px;
  border-bottom: 1px solid #bbb;
  top: 5px;
  width: 100%; }

.border-text span:before {
  right: 100%;
  margin-right: 10px; }

.border-text span:after {
  left: 100%;
  margin-left: 10px; }

/**
**********
select_ticket
**********
**/
.styleright a.acolor {
  color: #0645ad;
  display: inline; }

.pay_method dt {
  float: left;
  clear: both;
  font-weight: bold; }

.pay_method dd {
  margin-left: 5px; }

.select_ticket .stylebox {
  margin: 7px auto; }

@media screen and (min-width: 580px) {
  .select_ticket .stylebox {
    margin: .2rem .5rem .8rem; } }

.select_ticket .stylebox:last-child {
  margin-bottom: 40px; }

/**
**********
ch_select_ticket
**********
**/
.chmbox {
  background-color: #fff;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 100%;
  margin: 7px auto;
  text-align: left;
  overflow: hidden; }

.chmbox:last-child {
  margin-bottom: 40px; }

@media screen and (min-width: 580px) {
  .chmbox {
    height: 188px;
    overflow: hidden;
    width: 48%;
    margin: .2rem .5rem .8rem;
    float: left; } }

.chmleft {
  float: left;
  margin: 10px 1rem 0;
  width: 40%;
  max-width: 130px; }

/*.chmleft h2{
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
}*/
.chmleft .chmleft_ch {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden; }

.chmbox img {
  margin-bottom: 3px;
  width: 100%;
  max-width: 130px;
  height: auto; }

.chmright {
  margin: 15px 10px 0 0;
  color: #333;
  overflow: hidden; }

@media screen and (min-width: 580px) {
  .chmright {
    height: 146px; } }

.chmright h2 {
  font-size: 1.3rem;
  font-weight: bold;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden; }

/*.chmright h3{
  padding: 3.5px 0;
  font-size: 1.3rem;
  color: #555;
}*/
.chmright .chmright_detail {
  padding: 3.5px 0;
  font-size: 1.3rem;
  color: #555; }

.chmright p {
  font-size: 1.1rem; }

.chmbox .accent {
  font-size: 1.6rem; }

/**
**********
money_point_buy
**********
**/
.radio_box input {
  display: none; }

.leg {
  font-size: 1.6rem;
  color: #666;
  text-align: left; }

.radio_box label {
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 124px;
  margin: 3px;
  padding: 5px 0;
  color: #666;
  font-weight: bold;
  text-align: center;
  transition: .2s;
  -webkit-transition: .2s;
  border-radius: 3px;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.radio_checked {
  width: .7rem;
  height: .7rem;
  border-radius: 10px;
  border: 1px solid #bbb;
  padding: 2px;
  background: linear-gradient(top, #eeeeee, #e0e0e0); }

div.radio_checked {
  position: absolute;
  top: 30px;
  left: .7rem; }

.radio_box label img {
  height: 40px;
  width: auto; }

.radio_box label p {
  font-size: 1rem; }

.radio_box input[type="radio"]:checked + label {
  color: #000;
  background-color: #FFE5E5;
  border: 1px solid #F78F8F; }

.radio_box input[type="radio"]:checked + label .radio_checked {
  background: none;
  background-color: #03A9F4;
  border: 1px solid #999;
  box-shadow: inset 0 0 0 2px #fff; }

.pay_method input[type="tel"],
.pay_method input[type="number"],
.pay_method input[type="text"] {
  background-color: #fff;
  border: 1px #ddd solid;
  color: #333;
  webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: .3125em;
  /*font: normal normal normal 13.3333330154419px/normal Arial;*/
  padding: 5px .5rem;
  line-height: 1.4em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-right: 10px; }

.pay_method input[type="tel"],
.pay_method input[type="text"] {
  width: 90%; }

.pay_method input[type="number"] {
  width: 70%; }

.mplogo {
  text-align: left; }

.mplogo img {
  width: 70px;
  height: auto; }

/*
20160804 Y.shiroshita

*/
.mp-radio-guide {
  margin-top: 5px;
  padding: 0 10px; }

.mp-radio-guide-head {
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 1.2rem;
  border-bottom: 1px solid #F78F8F;
  background-color: #FFE5E5; }

.mp-radio-guide .mp-radio-guide-head:after {
  display: inline;
  content: " - ご利用手順"; }

.mp-radio-guide--flow {
  color: #333; }

.mp-radio-guide--flow li {
  counter-increment: titleNum; }

.mp-radio-guide--flow li:before {
  margin-left: 5px;
  content: counter(titleNum) ".";
  font-family: montserrat,sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #898989; }

.mp-radio-guide--flow li:not(:last-child):after {
  display: block;
  margin: 5px 0 10px;
  content: "\f078";
  text-align: center;
  font-family: FontAwesome;
  font-size: 1.5em;
  color: #bbb; }

.mp-radio-guide--flow-head {
  display: inline-block;
  margin: 0 2.5px 7.5px;
  font-size: 1.2rem;
  color: #666; }

.mp-radio-guide [class^="id-type-"] {
  display: none; }

/**
**********
mylist
**********
**/
/*パネル設定*/
#left .ui-filterable div {
  background-color: #fff;
  margin: 7px 0 15px; }

#left .listbox .ui-filterable input {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 1.2rem;
  text-shadow: none;
  color: #000; }

.mylist_counter {
  margin-left: .5rem;
  color: #999; }

.mylist_counter:before {
  content: " ("; }

.mylist_counter:after {
  content: ")"; }

/*メインカラム*/
/*.prodright .del_btn a.ui-btn {
  color: #fff;
}*/
.prodright .del_btn {
  margin-top: 0;
  margin-bottom: 7px;
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 2px 0; }

.prodright .del_btn a.ui-btn {
  width: 50%;
  padding-top: .4em;
  padding-bottom: .4em;
  display: table-cell;
  white-space: normal;
  vertical-align: middle; }

/*ポップアップウィジェット*/
.reg_tag {
  max-width: 220px; }

.reg_tag ul {
  border: 1px solid #666; }

.reg_tag li {
  display: inline-block;
  padding: .2rem;
  font-weight: normal; }

.tag_collapsible {
  padding: 10px 2rem; }

#input-tag {
  font-size: 1.2rem; }

.tag_collapsible .ui-input-btn input {
  background: #fff;
  color: #333; }

.tag_list {
  width: 220px; }

.tag_list div.ui-collapsible-content {
  background-color: #1D1D1D; }

.tag_list li {
  display: inline-block;
  padding: 0 .7rem 7px 0; }

.tag_list li a {
  font-size: 1.4rem;
  font-weight: normal;
  text-shadow: none;
  text-decoration: underline; }

.tag_list li a:hover,
.tag_list li a:active {
  text-decoration: none; }

/**
**********
購入済みページ
mypage_lib
mypage_ebook
**********
**/
.sidelist {
  margin: 0 0 7px 10px; }

.prodright li {
  /*overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*/
  width: 100%; }

/**
**********
利用履歴
credit_history
ppv_point_history
money_point_history
**********
**/
.ui-responsive-custom-breakpoint {
  margin-bottom: 7px;
  position: relative; }

.ui-responsive-custom-breakpoint td,
.ui-responsive-custom-breakpoint th {
  vertical-align: middle; }

.payd th,
.payd td {
  background-color: #fff0f8; }

td span {
  color: #F72525; }

@media screen and (max-width: 479px) {
  .ui-responsive-custom-breakpoint tbody th {
    border-top: 2px solid #bbb;
    padding-top: 7px;
    margin-top: 2rem; } }

@media screen and (min-width: 480px) {
  .ui-responsive-custom-breakpoint td,
  .ui-responsive-custom-breakpoint th,
  .ui-responsive-custom-breakpoint tbody th,
  .ui-responsive-custom-breakpoint tbody td,
  .ui-responsive-custom-breakpoint thead td,
  .ui-responsive-custom-breakpoint thead th {
    display: table-cell;
    margin: 0; }
  .ui-responsive-custom-breakpoint {
    margin-top: 7px; }
  .ui-responsive-custom-breakpoint thead {
    background-color: #f0f0f0; }
  .ui-responsive-custom-breakpoint thead td,
  .ui-responsive-custom-breakpoint thead th {
    text-align: center;
    border-right: 1px solid #fff; }
  .ui-responsive-custom-breakpoint td .ui-table-cell-label,
  .ui-responsive-custom-breakpoint th .ui-table-cell-label {
    display: none; } }

/**
**********
視聴履歴
lib_ppv
lib_monthly
**********
**/
.libform {
  font-size: 1.2rem;
  font-weight: normal; }

.libform li {
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center; }

.libform li:last-child {
  margin: 10px 0 30px 0; }

.libform .ui-input-search {
  /*width: 80%;*/
  margin: 5px auto;
  border: 1px solid #bbb; }

.libform .ui-input-search input {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 1.2rem;
  font-weight: normal;
  text-shadow: none;
  color: #000; }

/**
**********
メール受信設定
site_config
**********
**/
.mail_guide {
  margin-bottom: 5px;
  text-align: left; }

.mail_guide p {
  margin-top: 5px; }

span.radio_checked {
  position: absolute;
  top: 9px;
  left: .7rem; }

/**
**********
card_ips
**********
**/
.input_data {
  display: inline-block;
  margin-top: 10px;
  margin-left: .3rem;
  color: #000;
  font-weight: bold; }

/*.pay_methodフォーム上書き*/
.pay_method.edit_name input[type="text"] {
  width: 38%;
  margin: .5rem .2rem 0; }

.ui-mobile label.minilabel {
  display: inline;
  font-size: 1.2rem;
  margin: 0; }

@media screen and (max-width: 305px) {
  .ui-mobile label.minilabel {
    display: block;
    margin-top: 10px; }
  .pay_method.edit_name input[type="text"] {
    width: 90%;
    margin: 0; } }

/**
**********
cancel_member
**********
**/
.pt_detail {
  /*color: #444;*/
  line-height: 1.5rem;
  font-size: 1.1rem; }

.pt_detail dt {
  font-weight: bold;
  margin-top: 7px; }

.pt_detail dd {
  margin-top: 3px;
  margin-left: .5rem; }

/**
**********
static
chlist
**********
**/
.img_tile.ch_banner .grid li a div {
  display: block;
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.3rem; }

.space li {
  margin-bottom: 20px; }

/**
**********
bylaw
**********
**/
.bgf {
  background-color: #fff;
  padding: 2.5rem 1rem;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.7rem;
  overflow: hidden; }

.bgf h1 {
  color: #444;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.7rem; }

.bgf h2 {
  background-color: #fff;
  padding: 20px .5rem 2px;
  font-size: 1.5rem;
  border-bottom: 1px solid #666; }

.bgf h3 {
  padding-top: 15px;
  font-size: 1.3rem;
  font-weight: bold; }

.bgf p {
  margin-top: 7px;
  margin-left: .3em; }

.bgf ol {
  margin-left: 3.2em;
  list-style-position: outside;
  list-style-type: decimal; }

.bgf ol li {
  margin-top: 7px; }

.bgf ol li ol {
  margin-left: 2.3em; }

.bgf dl dt {
  padding-top: 15px;
  font-size: 1.3rem;
  font-weight: bold; }

.bgf dl dd {
  margin-top: 7px;
  margin-left: .3em; }

.bgf dl dd dl {
  margin-left: 1em; }

.bgf dl dd ul {
  margin-left: 1.5rem;
  list-style-type: none; }

.bgf dl dd ul li {
  margin-top: 3px; }

.com {
  max-width: 180px;
  width: 100%;
  height: auto; }

/**
**********
guide
**********
**/
.guide-main-bg {
  background-image: url(/images/guide/bg-bg-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 40%;
  margin-top: -20px;
  height: 350px;
  position: relative; }

.guide-main-bg_text {
  width: 50%;
  padding: 5px 0 5px 5px;
  font-size: 1.3rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  position: absolute;
  right: 0px;
  left: 20px;
  top: 15%;
  word-break: break-all;
  color: #fff; }

.contentbox_imgfull {
  margin-top: -10px;
  margin-right: -10px;
  margin-left: -10px; }

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

@media only screen and (min-width: 600px) {
  .contentbox_imgfull {
    background-color: #666; }
  .contentbox_imgfull img {
    width: 300px;
    vertical-align: top; } }

.flatbox {
  background-color: #fff;
  padding: 2.5rem 1rem;
  border-radius: 5px;
  margin-bottom: 10px; }

.guide-service_img {
  text-align: center; }

.guide-service_img img {
  width: 200px;
  height: auto;
  padding: 1px;
  background-color: #fff;
  border: 5px solid #d8d8d8 !important;
  /*jquerymobile.cssのresetより優先させるため*/
  border-radius: 5px; }

.guide_story li {
  display: inline-block;
  width: 30%; }

@media only screen and (max-width: 600px) {
  .guide_story li {
    width: auto;
    display: block;
    margin: auto;
    vertical-align: top; } }

.shape {
  display: table;
  height: 100px;
  width: 100px;
  border-radius: 100px;
  overflow: hidden;
  margin: 26px auto 7px;
  background-color: #bbb; }

.shape .fa {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.shape-1 {
  color: #fff;
  background-color: #F44336;
  /*text-shadow: rgb(212, 58, 47) 1px 1px,rgb(212, 58, 47) 2px 2px,rgb(212, 58, 47) 3px 3px,rgb(212, 58, 47) 4px 4px,rgb(212, 58, 47) 5px 5px,rgb(212, 58, 47) 6px 6px,rgb(212, 58, 47) 7px 7px,rgb(212, 58, 47) 8px 8px,rgb(212, 58, 47) 9px 9px,rgb(212, 58, 47) 10px 10px,rgb(212, 58, 47) 11px 11px,rgb(212, 58, 47) 12px 12px,rgb(212, 58, 47) 13px 13px,rgb(212, 58, 47) 14px 14px,rgb(212, 58, 47) 15px 15px,rgb(212, 58, 47) 16px 16px,rgb(212, 58, 47) 17px 17px,rgb(212, 58, 47) 18px 18px,rgb(212, 58, 47) 19px 19px,rgb(212, 58, 47) 20px 20px,rgb(212, 58, 47) 21px 21px,rgb(212, 58, 47) 22px 22px,rgb(212, 58, 47) 23px 23px,rgb(212, 58, 47) 24px 24px,rgb(212, 58, 47) 25px 25px,rgb(212, 58, 47) 26px 26px,rgb(212, 58, 47) 27px 27px,rgb(212, 58, 47) 28px 28px,rgb(212, 58, 47) 29px 29px,rgb(212, 58, 47) 30px 30px;*/ }

.shape-2 {
  color: #fff;
  background-color: #FF9800;
  /*text-shadow: rgb(222, 132, 0) 1px 1px,rgb(222, 132, 0) 2px 2px,rgb(222, 132, 0) 3px 3px,rgb(222, 132, 0) 4px 4px,rgb(222, 132, 0) 5px 5px,rgb(222, 132, 0) 6px 6px,rgb(222, 132, 0) 7px 7px,rgb(222, 132, 0) 8px 8px,rgb(222, 132, 0) 9px 9px,rgb(222, 132, 0) 10px 10px,rgb(222, 132, 0) 11px 11px,rgb(222, 132, 0) 12px 12px,rgb(222, 132, 0) 13px 13px,rgb(222, 132, 0) 14px 14px,rgb(222, 132, 0) 15px 15px,rgb(222, 132, 0) 16px 16px,rgb(222, 132, 0) 17px 17px,rgb(224, 133, 0) 18px 18px,rgb(227, 135, 0) 19px 19px,rgb(229, 136, 0) 20px 20px,rgb(232, 138, 0) 21px 21px,rgb(234, 139, 0) 22px 22px,rgb(237, 141, 0) 23px 23px,rgb(239, 142, 0) 24px 24px,rgb(242, 144, 0) 25px 25px,rgb(244, 145, 0) 26px 26px,rgb(247, 147, 0) 27px 27px,rgb(249, 148, 0) 28px 28px,rgb(252, 150, 0) 29px 29px,rgb(255, 152, 0) 30px 30px;*/ }

.shape-3 {
  color: #fff;
  background-color: #2a6496;
  /*text-shadow: rgb(37, 87, 131) 1px 1px,rgb(37, 87, 131) 2px 2px,rgb(37, 87, 131) 3px 3px,rgb(37, 87, 131) 4px 4px,rgb(37, 87, 131) 5px 5px,rgb(37, 87, 131) 6px 6px,rgb(37, 87, 131) 7px 7px,rgb(37, 87, 131) 8px 8px,rgb(37, 87, 131) 9px 9px,rgb(37, 87, 131) 10px 10px,rgb(37, 87, 131) 11px 11px,rgb(37, 87, 131) 12px 12px,rgb(37, 87, 131) 13px 13px,rgb(37, 87, 131) 14px 14px,rgb(37, 87, 131) 15px 15px,rgb(37, 87, 131) 16px 16px,rgb(37, 87, 131) 17px 17px,rgb(37, 88, 132) 18px 18px,rgb(37, 89, 133) 19px 19px,rgb(38, 90, 135) 20px 20px,rgb(38, 91, 136) 21px 21px,rgb(38, 92, 138) 22px 22px,rgb(39, 93, 139) 23px 23px,rgb(39, 94, 141) 24px 24px,rgb(40, 95, 142) 25px 25px,rgb(40, 96, 144) 26px 26px,rgb(40, 97, 145) 27px 27px,rgb(41, 98, 147) 28px 28px,rgb(41, 99, 148) 29px 29px,rgb(42, 100, 150) 30px 30px;*/ }

/**
**********
help
**********
**/
/*開閉リスト*/
.open-list-nav {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 2rem 0; }

.open-list-nav h2 {
  padding: 1rem .5rem;
  background-color: #333;
  color: #fff;
  font-size: 1.4rem; }

.open-list-nav dl {
  overflow: hidden;
  font-size: 1.1rem;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff; }

.open-list-nav dt {
  transition: .2s;
  -webkit-transition: .2s;
  padding: 10px;
  background: linear-gradient(top, #f0f0f0, #fff);
  background-color: #fff;
  border-top: 1px solid #ccc;
  cursor: pointer;
  text-align: left; }

/*開閉矢印*/
.open-list-nav dt span {
  background-image: url(/css_js/sp/sp_images/icon/down_arw.png);
  background-repeat: no-repeat;
  background-position: right center;
  display: block; }

.open-list-nav dt span span {
  background-image: none;
  display: block;
  padding-right: 20px; }

.open-list-nav dt .down-arw {
  background-image: url(/css_js/sp/sp_images/icon/up_arw.png); }

.open-list-nav dt.helpdis {
  background: none;
  background-color: #FFE5E5; }

.open-list-nav dd {
  padding: 1rem 0 2rem;
  margin: 0 1rem;
  color: #000;
  line-height: 1.7rem; }

.open-list-nav dd p {
  font-weight: bold;
  padding: 1rem 0 .3rem; }

.open-list-nav dd span {
  font-size: 1.1rem;
  font-weight: bold;
  display: block; }

.open-list-nav dd p:first-child {
  padding-top: 0; }

.open-list-nav dd li {
  margin-top: 5px; }

.open-list-nav dd ul li a {
  display: block;
  border: 1px solid #bbb;
  border-radius: 5px;
  padding: .5rem; }

.open-list-nav dd li img {
  height: 41px;
  width: auto;
  margin-right: .5rem;
  vertical-align: middle; }

.open-list-nav dd dl {
  margin-top: 7px;
  border-radius: 0; }

ul.disc {
  margin-left: 2rem;
  list-style-position: outside;
  list-style-type: disc; }

.open-list-nav dd ol {
  margin-left: 3.2em;
  list-style-position: outside;
  list-style-type: decimal; }

.open-list-nav dd ol li {
  margin-bottom: 10px; }

.open-list-nav dd ol li h4 {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 5px 0; }

.open-list-nav dd ol li a {
  display: inline;
  word-wrap: break-word; }

.open-list-nav dd ol li ol {
  margin-left: 2.3em;
  list-style-type: lower-roman; }

/**
**********
100yen
**********
**/
.mainImage.mw720 img {
  max-width: 720px; }

.yen {
  background: url(/css_js/sp/sp_images/100yen/bg.jpg) top center repeat-x;
  background-size: contain; }

.yen .m_pass {
  background-color: transparent;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.yen .img_cap {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: rgba(0, 0, 0, 0.6);
  color: #fff; }

/*.yen h3 {
  color: #fff;
  font-size: 1.2rem;
  text-shadow: 1px 0 0 #000,0 1px #000, -1px 0 0 #000,0 -1px 0 #000;
}*/
.yen_logo {
  background-image: url(/css_js/sp/sp_images/100yen/100yen_logo.png); }

.yen_txt {
  color: #fff;
  font-size: 1.2rem;
  text-shadow: 1px 0 0 #000,0 1px #000, -1px 0 0 #000,0 -1px 0 #000;
  background: rgba(0, 0, 0, 0.5);
  padding: .3rem 0;
  border-radius: 20px; }

.yen_head {
  background-color: #fff;
  padding: 1.5rem 1rem;
  font-size: 1.2rem;
  border-radius: 5px; }

/**
**********
half 半額
**********
**/
.half-mainimg {
  background-position: top center;
  background-size: contain;
  text-align: center; }

.half-mainimg img {
  width: 100%;
  max-width: 580px;
  height: auto;
  vertical-align: top; }

/******
topics.html
*****/
.topicsbox {
  background-color: #fff;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  text-align: left;
  overflow: hidden;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 20px; }

.topicsbox img {
  max-width: 140px;
  height: auto;
  margin-right: 10px; }

.topicshead {
  padding: .7rem 1rem;
  overflow: hidden;
  background-color: #ddd;
  margin-bottom: 10px; }

.topicshead h1 {
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left; }

.topicshead .date {
  font-size: 1.1rem;
  text-align: right;
  margin-top: 2px; }

.topicsbox {
  font-size: 1.2rem; }

.topicsright {
  margin-bottom: 10px; }

.topicsbox p a {
  display: inline-block;
  font-weight: bold; }

/*article*/
.topic {
  border-bottom: 1px solid #bbb;
  padding-bottom: 10px;
  margin-bottom: 10px; }

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

.topic:after {
  content: "";
  clear: both;
  display: block; }

/*プログラム流しこみによるレイアウト調整*/
.l-img.noimg {
  display: inline;
  float: left; }

/******
ranking ランキングテンプレート読み込み変更に伴うcss書き換え
*****/
.ranking1 {
  background-color: #fff;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 100%;
  height: 190px;
  margin: 5px auto;
  text-align: left;
  overflow: hidden; }

.ranking1:last-child, #itemlist > .itembox2:last-child {
  margin-bottom: 20px; }

@media screen and (min-width: 580px) {
  .ranking1 {
    width: 48%;
    margin: .2rem .5rem .8rem;
    float: left; } }

.ranking1 .rank1-img img {
  float: left;
  margin: 10px;
  width: 40%;
  height: auto;
  max-width: 120px; }

#itemlist:after, .itembox2:after {
  content: "";
  clear: both;
  display: block; }

.rank1-name {
  margin: 15px 10px 0 0;
  color: #333;
  overflow: hidden;
  height: 170px; }

.rank1-name a {
  color: #333;
  width: 100%; }

.rank1-name li:nth-child(2), .rank1-name li:nth-child(3) {
  /*スタイル-チャンネル・メーカー*/
  display: none; }

.rank1-name li:nth-child(4) {
  /*女優名*/
  margin-bottom: 7px;
  font-size: 1.2rem;
  color: #555; }

.rank1-name li:nth-child(4) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%; }

.rank1-name li:first-child a, .rank1-name li:last-child {
  font-size: 1.2rem;
  width: 100%;
  overflow: hidden; }

.rank1-name li:first-child a {
  height: 45px;
  font-weight: bold;
  margin-bottom: 10px;
  display: -webkit-box;
  /*文字数オーバー対応*/
  /*文字数オーバー対応*/
  -webkit-line-clamp: 3;
  /*3行目で…挿入*/ }

.rank1-name li:last-child {
  height: 90px;
  margin-top: 5px;
  word-wrap: break-word;
  display: -webkit-box;
  /*文字数オーバー対応*/
  /*文字数オーバー対応*/
  -webkit-line-clamp: 6;
  /*n行目で…挿入*/ }

.itembox2 {
  display: inline-block;
  width: 120px;
  background-color: #fff;
  padding: 10px;
  margin: 5px 2.5px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2); }

.itembox2 img {
  width: auto; }

.inbox-reg .ltitle {
  display: none; }

/* badge */
.ranking1, .itembox2 {
  position: relative; }

.rank_num, .itembox2 .inbox-reg p:first-child {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F72525;
  display: table; }

.rank_num span, .itembox2 .inbox-reg p:first-child span {
  font-family: montserrat,sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1); }

.crown1 {
  background-color: #e4a706; }

.crown2 {
  background-color: #757575; }

.crown3 {
  background-color: #5D4037; }

/******
mypage > adinshightランディング
*****/
/*mypage用アイコン*/
.mpget-ico a {
  height: 38px;
  width: 38px;
  overflow: hidden;
  display: table-cell;
  text-align: right; }

.mpget-ico_inner {
  height: 36px;
  width: 36px;
  line-height: 31.5px;
  text-align: center;
  display: inline-block;
  box-shadow: 0 0 0 1px #795548 inset;
  background-color: #FFEB3B;
  border-radius: 3px;
  position: relative; }

.mpget-ico_inner span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 30px;
  width: 30px;
  display: inline-block;
  box-shadow: 0 0 0 1px #FFEB3B inset;
  border: 2px solid #795548;
  background-color: #795548;
  border-radius: 50%;
  font-family: montserrat,sans-serif;
  color: #FFEB3B;
  font-size: 1.2rem;
  letter-spacing: 0.01rem;
  text-shadow: 1px 0 0 #795548,0 1px #795548, -1px 0 0 #795548,0 -1px 0 #795548; }

/*ランディングページstyle*/
.header_image-mpget {
  color: #fff;
  background: linear-gradient(0deg, #ffc001, #FFEE58); }

.header_image-mpget_mainimage {
  width: 100px;
  height: auto;
  opacity: .95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; }

.btn-ghost {
  display: inline-block;
  background-color: white;
  padding: 10px 15px;
  border-radius: 4em;
  cursor: pointer;
  text-decoration: none; }

/*アフィリエイト用 font-set.css default.cssから移設*/
.aka, .red {
  color: #da0000; }

.pd-b5 {
  padding-bottom: 5px; }

/*全ページ共通クラス*/
.clear {
  clear: both; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

a.underline {
  text-decoration: underline; }

a.underline:hover {
  text-decoration: none; }

.dotted {
  border-bottom: 1px dotted #666;
  margin-bottom: 10px;
  padding-bottom: 5px; }

/*margin,paddingをマルチクラスで上書きできるように、記述をここより下にしない*/
.solid {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px; }

/*margin,paddingをマルチクラスで上書きできるように、記述をここより下にしない*/
.border-none {
  border: none; }

.border-top {
  border-top: 1px solid #bbb; }

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

.mt5 {
  margin-top: 5px; }

.mt7 {
  margin-top: 7px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

.mb1 {
  margin-bottom: 1px; }

.mb5 {
  margin-bottom: 5px; }

.mb7 {
  margin-bottom: 7px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr40 {
  margin-right: 40px; }

.mr50 {
  margin-right: 50px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml40 {
  margin-left: 40px; }

.ml50 {
  margin-left: 50px; }

.pd5 {
  padding: 5px; }

.pd10 {
  padding: 10px; }

.pd15 {
  padding: 15px; }

.pd20 {
  padding: 20px; }

.pdt5 {
  padding-top: 5px; }

.pdt7 {
  padding-top: 7px; }

.pdt10 {
  padding-top: 10px; }

.pdt15 {
  padding-top: 15px; }

.pdt20 {
  padding-top: 20px; }

.pdt30 {
  padding-top: 30px; }

.pdt40 {
  padding-top: 40px; }

.pdt50 {
  padding-top: 50px; }

.pdt60 {
  padding-top: 60px; }

.pdt70 {
  padding-top: 70px; }

.pdt80 {
  padding-top: 80px; }

.pdb1 {
  padding-bottom: 1px; }

.pdb5 {
  padding-bottom: 5px; }

.pdb7 {
  padding-bottom: 7px; }

.pdb10 {
  padding-bottom: 10px; }

.pdb15 {
  padding-bottom: 15px; }

.pdb20 {
  padding-bottom: 20px; }

.pdb30 {
  padding-bottom: 30px; }

.pdb40 {
  padding-bottom: 40px; }

.pdb50 {
  padding-bottom: 50px; }

.pdb60 {
  padding-bottom: 60px; }

.pdb70 {
  padding-bottom: 70px; }

.pdb80 {
  padding-bottom: 80px; }

.pdr5 {
  padding-right: 5px; }

.pdr10 {
  padding-right: 10px; }

.pdr15 {
  padding-right: 15px; }

.pdr20 {
  padding-right: 20px; }

.pdr30 {
  padding-right: 30px; }

.pdr40 {
  padding-right: 40px; }

.pdr50 {
  padding-right: 50px; }

.pdl5 {
  padding-left: 5px; }

.pdl10 {
  padding-left: 10px; }

.pdl15 {
  padding-left: 15px; }

.pdl20 {
  padding-left: 20px; }

.pdl30 {
  padding-left: 30px; }

.pdl40 {
  padding-left: 40px; }

.pdl50 {
  padding-left: 50px; }

.scope, .prod_scope {
  /*クリック範囲拡大用 aを内包するliなどに付与する*/
  cursor: pointer; }

.w100 {
  /*jquerymobile標準paddingを打ち消して左右幅いっぱいにする*/
  margin: -10px -10px 10px; }

.w100.contentbox {
  /*jquerymobile標準paddingを打ち消して左右幅いっぱいにする*/
  margin: 0px -10px 20px;
  box-shadow: none; }

.explain.w100 {
  margin-top: 0; }

.width50 {
  width: 50%; }

.width100 {
  width: 100%; }

.flol {
  float: left; }

.flor {
  float: right; }

.txl {
  text-align: left; }

.txc {
  text-align: center; }

.txr {
  text-align: right; }

.fc0 {
  color: #000; }

.fc3 {
  color: #333; }

.fc6 {
  color: #666; }

.fc9 {
  color: #999; }

.fcfff {
  color: #fff; }

.fcactive {
  color: #F57C00; }

.fs10 {
  font-size: 1rem; }

.fs11 {
  font-size: 1.1rem; }

.fs12 {
  font-size: 1.2rem; }

.fs13 {
  font-size: 1.3rem; }

.fs14 {
  font-size: 1.4rem; }

.fs15 {
  font-size: 1.5rem; }

.fs16 {
  font-size: 1.6rem; }

.fs17 {
  font-size: 1.7rem; }

.fs18 {
  font-size: 1.8rem; }

.fs20 {
  font-size: 2.0rem; }

.fs21 {
  font-size: 2.1rem; }

.fs22 {
  font-size: 2.2rem; }

.fs23 {
  font-size: 2.3rem; }

.fs24 {
  font-size: 2.4rem; }

.fs25 {
  font-size: 2.5rem; }

.fs26 {
  font-size: 2.6rem; }

.fs27 {
  font-size: 2.7rem; }

.fs28 {
  font-size: 2.8rem; }

.fs29 {
  font-size: 2.9rem; }

.fs30 {
  font-size: 3.0rem; }

.ls1 {
  letter-spacing: 1px; }

.lh80 {
  line-height: 80%; }

.lh90 {
  line-height: 90%; }

.lh100 {
  line-height: 100%; }

.lh110 {
  line-height: 110%; }

.lh120 {
  line-height: 120%; }

.lh130 {
  line-height: 130%; }

.lh140 {
  line-height: 140%; }

.lh150 {
  line-height: 150%; }

.green {
  background-color: #2DAC62 !important; }

.m_blue {
  background-color: #3A8EBF !important; }

.ch_blue {
  background-color: #006CB9 !important; }

.bg_std {
  background-color: #FF8533; }

.bg_mx {
  background-color: #7C9CCC; }

.bg_jukujo {
  background-color: #b662cf; }

.bg_plaism {
  background-color: #E7456F; }

.bg_wd {
  background-color: #777; }

.gray {
  background-color: #ddd !important;
  color: #000 !important; }

.yellow {
  background-color: #f8a900 !important;
  font-weight: bold !important; }

.obj-shadow {
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2); }

.vat {
  vertical-align: top; }

.vam {
  vertical-align: middle; }

.vab {
  vertical-align: bottom; }

.block {
  display: block; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.sp_none {
  display: none; }

.pc_display_none {
  display: block; }

/*pc用(default.cssではdisplay:none;になるclass)*/
.textoverflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/**/
.contentblock:after {
  content: "";
  clear: both;
  display: block; }

.linkmenu:before {
  color: #666;
  content: '▶ '; }

/*20160907LABO閉鎖のため広告非表示に*/
/*.footer_ad.ad{display: none;}*/
/* #rightpanel aside.ad{display: none;} */
/* HD入れ次第消す  */
/*.week:after,.inf:after {
  content: "円";
}*/

/*# sourceMappingURL=map/style3_3.css.map */