@charset "UTF-8";
@import url(./ionicons/css/ionicons.min.css);
.flex { display: flex; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-center { justify-content: center; }

.justify-end { justify-content: flex-end; }

.align-center { align-items: center; }

.align-end { align-items: flex-end; }

.grow-all > * { flex-grow: 1; }

.list-kome { list-style: none; }

.list-kome li + li { margin-top: .25rem; }

.list-kome li { padding-left: 1.5em; }

.list-kome li:before { content: '※'; display: inline-block; float: left; margin-left: -1.5em; }

.text-xs { font-size: .75rem; }

.text-s { font-size: .9rem; }

.text-n { font-size: 1rem; }

.text-l { font-size: 1.2rem; }

.text-xl { font-size: 1.4rem; }

.notes { font-size: 90%; }

.common_h { margin-bottom: 2rem; border-radius: .5rem; background: linear-gradient(to bottom, #f590be 0%, #f590be 50%, #e86aa3 51%, #f590be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ color: #fff; padding: .75em 1.5rem; border: 2px solid #f590be; box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.2); font-size: 130%; font-weight: bold; }

.common_h span { display: block; padding-left: 2em; }

.common_h span:before { font-family: 'Ionicons'; display: inline-block; vertical-align: middle; content: ""; text-align: center; display: block; float: left; width: 25px; height: 25px; line-height: 25px; margin-left: -2em; border-radius: 20px; background-color: #e86aa3; box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.3); }

.goods_sect { margin-bottom: 4rem; }

.goods_sect p, .goods_sect dl { font-size: 110%; color: #555; }

.goods_sect p { margin-bottom: 1.5rem; }

.goods_h { margin-bottom: 2rem; border-radius: .5rem; background: linear-gradient(to bottom, #f590be 0%, #f590be 50%, #e86aa3 51%, #f590be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ color: #fff; padding: .75em 1.5rem; border: 2px solid #f590be; box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.2); font-size: 130%; font-weight: bold; }

.goods_h span { display: block; padding-left: 2em; }

.goods_h span:before { font-family: 'Ionicons'; display: inline-block; vertical-align: middle; content: ""; text-align: center; display: block; float: left; width: 25px; height: 25px; line-height: 25px; margin-left: -2em; border-radius: 20px; background-color: #e86aa3; box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.3); }

.goods_spec__list { display: flex; padding: .5rem 0; border-bottom: 1px dotted #aaa; margin-bottom: .5rem; }

.goods_spec__list dt { min-width: 20%; flex-basis: 20%; margin-right: 2%; font-weight: bold; }

.goods_spec__list dd { flex-grow: 1; }

.goods_lead { font-weight: bold; margin-bottom: 2rem; }

.goods_fig { margin-bottom: 3rem; }

.goods_img { display: block; margin: 0 auto; }

.goods_ct__list { color: #555; margin-bottom: 2rem; }

.goods_ct__list:last-child { margin-bottom: 0; }

.goods_ct__list dt { font-weight: bold; margin-bottom: .5rem; font-size: 120%; }

.goods_ct__list dd { margin-left: 0; }

.goods_ct__list dd + dd { margin-top: 1rem; }

.carnival_sect { padding-bottom: 3rem; margin-bottom: 4rem; border-bottom: 2px solid deeppink; }

.carnival_lead { margin-bottom: 2rem; }

.carnival_h { font-weight: bold; font-size: 18px; margin-bottom: 2rem; color: deeppink; padding-left: 1.4em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); }

.carnival_h:before { content: '◇'; display: inline-block; margin-right: .2rem; float: left; margin-left: -1.4em; }

.carnival_num { display: inline-block; border: 2px solid deeppink; width: 18px; height: 18px; line-height: 18px; border-radius: 30px; font-size: 10px; vertical-align: top; text-align: center; }

.carnival_h_lv2 { font-weight: bold; font-size: 140%; margin-bottom: 1em; }

.carnival_notes { border: 2px solid #ccc; border-radius: 5px; padding: 1rem; background-color: #f9f9f9; color: #777; }

.carnival_sect_done { border-bottom: 1px dotted #555; }

.carnival_sect .notes_h { font-weight: bold; margin-bottom: 1rem; }

.carnival_sect p, .carnival_sect dl { line-height: 1.6; font-size: 110%; color: #555; }

.carnival_sect p { margin-bottom: 1.5rem; }

.carnival_sect ul:not(:last-child), .carnival_sect ol:not(:last-child) { margin-bottom: 2rem; }

.carnival_fig { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.carnival_fig img { display: block; margin: 0 auto; }

.carnival_subsect { margin-bottom: 3rem; }

.carnival_feature-box { border: 2px solid deeppink; padding: 1rem; border-radius: 5px; background-color: #f9f9f9; }

.carnival_feature-box dd + dd { margin-top: 1rem; }

.carnival_feature-box:not(:last-child) { margin-bottom: 2rem; }

.carnival_feature-ttl { font-weight: bold; font-size: 1.2rem; margin-bottom: 1em; }

.carnival_text_done { font-weight: bold; }

.cnvl87-aisatsu__date { display: inline-block; font-weight: bold; color: deeppink; margin-bottom: 1rem; font-size: 120%; padding: .5rem 1rem; border: 2px solid deeppink; border-radius: 5px; background-color: #fff; }

.cnvl87-aisatsu__block { margin-bottom: 3rem; }

.cnvl87-aisatsu__list { display: flex; flex-wrap: wrap; border-bottom: 1px dotted #aaa; padding: .5rem 0; }

.cnvl87-aisatsu__list dt { font-weight: bold; width: 23%; }

.cnvl87-aisatsu__list dd { width: 77%; }

.cnvl87-aisatsu__theater { font-weight: bold; }

.cnvl87-price { font-weight: bold; color: deeppink !important; font-size: 140%; margin-bottom: 1rem; }

.bddvd_nav { padding-top: 2rem; margin: 0 2rem; }

.bddvd_nav ul { display: flex; margin-bottom: 1rem; margin-left: -0.5rem; margin-right: -0.5rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start;}

.bddvd_nav ul.tvova-first-list, .bddvd_nav ul.tvova-first-list:not(:last-child) {
	margin-bottom: 0;
}
.bddvd_nav ul:last-child {
	margin-bottom: 0;
}
.bddvd_nav li { flex: 0 0 33.33%; margin-top: 0.5rem;}
.bddvd-menu-btn-wrapper {
	display: block;
	padding: 0 0.5rem;
}
.bddvd_nav .menu-headline {
	margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #ad005d;
    background-color: rgba(255,255,255,0.6);
    border-bottom: 1px solid #ad005d;
    display: block;
    padding: 0.5rem 1rem;
}
.bddvd_nav .menu-headline:first-of-type {
	margin-top: 0;
}
.bddvd_nav a { display: block; padding: .5rem 0; border-radius: .5rem; border: 1px solid #e00079; color: #ad005d; font-weight: bold; text-align: center; background-color: #ffe0f1; background-image: linear-gradient(to bottom, #ffe0f1 0%, #ffadd9 100%); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.2); }

.bddvd_nav a:hover { text-decoration: none; background: linear-gradient(to bottom, #ffadd9 0%, #ffe0f1 100%); }

.bddvd_nav a span {
	margin-right: 10px;
    font-weight: normal;
    display: inline-block;
    color: white;
    padding: 0 5px;
    background-color: #F3A43B;
    text-shadow: none;
}

.bddvd { padding: 2rem; font-size: 1.2rem; color: #555; }

.bddvd:after { display: table; clear: both; content: ''; }

.bddvd p { margin-bottom: 2rem; }

.bddvd_pics { float: right; margin-left: 1.5rem; width: 40%; }

.bddvd_mr-adjust { margin-right: 45%; }

.bddvd_subsect { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.bddvd_lead { background-color: #fff; font-weight: bold; border-radius: .5rem; padding: 1rem; margin-bottom: 2rem; color: deeppink; }

.bddvd_h_lv2 { font-weight: bold; font-size: 1.4rem; margin-bottom: .5em; color: deeppink; }

.bddvd_jackets, .bddvd_thumbs { margin-bottom: 2rem; }

.bddvd_jackets li + li, .bddvd_thumbs li + li { margin-top: 2rem; }

.bddvd_jackets img, .bddvd_thumbs img { max-width: 100%; display: block; margin: 0 auto; }

.bddvd_release-date { margin-bottom: 1rem; background-color: deeppink; color: #fff; font-weight: bold; padding: 1rem 2rem; text-align: center; font-size: 1.4rem; border-radius: .5rem; }

.bddvd_duedate { color: deeppink; font-weight: bold; margin-bottom: 2rem; }

.bddvd_price { font-weight: bold; font-size: 1.2rem; margin-bottom: 1rem; }

.bddvd_dataset { margin-bottom: 1.5rem; }

.bddvd_dataset dt { font-weight: bold; margin-bottom: .5rem; }

.bddvd_dataset dd + dd { margin-top: 1rem; }

.bddvd_fig { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.bddvd_fig img { display: block; margin: 0 auto; }

.bddvd .senshado_ominibus_price { border: 2px solid deeppink; background-color: lightyellow; border-radius: .5rem; padding: 1rem; font-weight: bold; font-size: 1.1rem; margin-bottom: 1rem; }

.bddvd .senshado_ominibus_price strong { display: inline-block; background-color: deeppink; color: #fff; padding: 0 .5rem; margin-bottom: .5rem; font-size: 1.4rem; }

.cd { padding: 2rem; font-size: 1.2rem; color: #555; }

.cd:after { display: table; clear: both; content: ''; }

.cd_lead { font-weight: bold; margin-bottom: 2rem; }

.cd_mr-adjust { margin-right: 45%; }

.cd_pics { float: right; width: 40%; margin-left: 5%; }

.cd_jackets img { width: 100%; }

.cd_specs { margin-bottom: 1rem; }

.cd_spec { display: flex; padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px dotted #555; }

.cd_spec dt { font-weight: bold; min-width: 25%; margin-right: 2%; }

.cd_spec dd { flex-grow: 1; }

.cd_subsect { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.cd_h_lv2 { font-weight: bold; font-size: 1.4rem; margin-bottom: .5em; }

.cd_fig { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.cd_fig img { display: block; margin: 0 auto; }

.comic { font-size: 1.2rem; color: #555; margin-bottom: 4rem; }

.comic_lead { font-weight: bold; margin-bottom: 2rem; }

.comic_mr-adjust { margin-right: 40%; }

.comic_pics { float: right; width: 40%; margin-left: 5%; }

.comic_jackets img { width: 100%; }

.comic_contents:after { display: table; clear: both; content: ''; }

.comic_specs { margin-bottom: 1rem; }

.comic_spec { display: flex; padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px dotted #555; }

.comic_spec dt { font-weight: bold; min-width: 25%; margin-right: 2%; }

.comic_spec dd { flex-grow: 1; }

.comic_subsect { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.comic_h_lv2 { font-weight: bold; font-size: 1.4rem; margin-bottom: .5em; }

.comic_fig { margin-top: 1.5rem; margin-bottom: 1.5rem; }

.comic_fig img { display: block; margin: 0 auto; }

.subtitle { font-size: 15px !important; }

.goodsTable tr td b { font-size: 15px !important; display: block; color: #333; padding-top: 4px; font-weight: normal; }

.goodsTable { border-collapase: collapase; width: 660px; }

.goods_box dl dt .title h4.newEntry { background: url(/img/nav_new4.png) no-repeat left center; padding: 10px 0 10px 51px; }

.itemDetail { margin-bottom: 30px; }

.itemDetail .itemDetailInner p.text1 { width: 420px; }

.itemDetail .text { padding: 0 2em 2em; color: #555; padding: 10px; font-size: 14px; line-height: 1.7; }

.ol { margin-left: 1.5em; }

.ol li { list-style-type: decimal !important; margin-bottom: 1em; }

/* ココスキャンペーン2017 */
.cocos_pancake_shops:not(:last-of-type) { border-bottom: 1px dotted #555; padding-bottom: 20px; margin: 0 auto 20px; width: 80%; }

.cocos_pancake_shops:after { content: ''; display: block; clear: both; }

.cocos_shops { float: left; width: 30%; }

.cocos_shops + .cocos_shops { margin-left: 5%; }

.cocos_shops dt { font-weight: bold; }

.cocos_shops dd { margin-bottom: 10px; }

.mc_table { border: 1px solid gray; background: #fff; border-collapse: collapse; width: 100%; }

.mc_table th, .mc_table td { padding: 10px; border: 1px solid gray; }

.mc_table th { width: 20%; background-color: #f6f6f6; font-weight: bold; }

.mc_table td { background-color: #fff; }

.cocos2018_sect:after { display: table; clear: both; content: ''; }

.cocos2018_sect h4 { font-weight: bold; font-size: 140%; margin-bottom: 2rem; }

.cocos2018_lead { font-weight: bold; font-size: 110%; margin-bottom: 1rem; }

.cocos2018_dlist { margin-bottom: 2rem; }

.cocos2018_dlist:after { display: table; clear: both; content: ''; }

.cocos2018_dlist dt { font-weight: bold; margin-bottom: .5rem; }

.cocos2018_dlist dd { margin-bottom: 1rem; }

.cocos2018_fig img { display: block; margin: 0 auto; max-width: 500px; }

.cocos2018_menulist li { margin-bottom: .5rem; }

.cocos2018_menulist span { font-size: 90%; display: inline-block; margin-left: 1rem; }

.cocos2018_hr { display: block; border-bottom: 2px solid #ccc; margin-bottom: 2rem; }

.cocos2018_collab_menu { margin-bottom: 1rem; display: -webkit-flex; display: -ms-flex; display: flex; }

.cocos2018_collab_menu figure { width: 25%; margin-right: 2rem; }

.cocos2018_webchusen_fig { width: 20%; float: right; margin-left: 1rem; }

.cocos2018_webchusen_fig img { display: block; width: 100%; margin-bottom: .5rem; }

.cocos2018_webchusen_figcap { font-size: 85% !important; }

.bddvd_final01 .thumbs { margin-bottom: 1.5rem; }

.bddvd_final01 .thumbs figure { width: 35%; }

.bddvd_final01 .thumbs figure + figure { margin-left: 2%; }

.bddvd_final01 .thumbs img { width: 100%; }