@charset "utf-8";
/* CSS Document */

/* ##### コミケキャンペーンc94 ##### */

.c94-body{
	background-image: url(../img/comicmarket/campaign-c94/c94-bg.png);
}

.c94-frame{
	background-color:#fff;
	width:1500px;
	margin:0 auto;
	padding-bottom:10px;
}

.comike-bnr,
.comike-title {
	width: 1000px;
	margin: 0 auto;
}

.comike-bnr > .charts {
	background-image: url(../img/comicmarket/campaign-c94/c94-graph_01.jpg)/*,
		url(../img/comicmarket/campaign-c94/c94-graph_02.jpg)*/;
	-moz-background-size: 100% auto, 100% auto;
	background-size: 100% auto, 100% auto;
	background-repeat: no-repeat, repeat-y;
	background-position: top center, center center;
	height: 21.40rem;
	padding-top: 1.0rem;
	position: relative;
	width: 100%;
}

.comike-bnr > .charts > .charts__chart {
	margin: 0;
	height: 3.4rem;
	background-color: #F49800;
	position: absolute;
	top: 12.76rem;
	left:16.1rem;
	width:9%;
}

.comike-bnr > .charts > p:nth-of-type(1) {
	width: 80%;
	padding: 1.0rem 0;
	margin: 0 auto 0.5rem auto;
	background-color: #fff;
	text-align: center;
	font-size: 2.0rem;
	line-height: 2.5rem;
	color: #231815;
	font-weight: bold;
	-webkit-border-radius: 5.0rem 5.0rem 5.0rem 5.0rem / 5.0rem 5.0rem 5.0rem 5.0rem;
	-moz-border-radius: 5.0rem 5.0rem 5.0rem 5.0rem / 5.0rem 5.0rem 5.0rem 5.0rem;
	border-radius: 5.0rem 5.0rem 5.0rem 5.0rem / 5.0rem 5.0rem 5.0rem 5.0rem;
}

.comike-bnr > .charts > p:nth-of-type(1) > span {
	font-size: 2.5rem;
	line-height: 2.5rem;
	color: #e60315;
}

.comike-bnr > .charts > span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	color: #231815;
	font-weight: bold;
}

.comike-title > .comike-title-inner {
	background-image: url(../img/comicmarket/campaign-c94/c94_01.png);
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	height: 20.0rem;
	padding-top: 2.0rem;
	margin-top:5.0rem;
	position: relative;
	width: 100%;
}

.comike-title > .comike-title-inner > p {
	/*width: 80%;*/
	padding: 1.0rem 0;
	margin: 0 auto 0.5rem auto;
	/*background-color: #fff;*/
	text-align: center;
	font-size: 1.8rem;
	/*line-height: 2.5rem;*/
	letter-spacing:0.5rem;
	color: #231815;
	font-weight: bold;
	-webkit-border-radius: 5.0rem 5.0rem 5.0rem 5.0rem / 5.0rem 5.0rem 5.0rem 5.0rem;
	-moz-border-radius: 5.0rem 5.0rem 5.0rem 5.0rem / 5.0rem 5.0rem 5.0rem 5.0rem;
	border-radius: 5.0rem 5.0rem 5.0rem 5.0rem / 5.0rem 5.0rem 5.0rem 5.0rem;
}

.c94-header > a:last-child {
	padding-top: 0.8rem;
	padding-bottom: 0.3rem;
	line-height: 1.6rem;
}

.c94-header > a:last-child::before {
	height: 16px;
	width: 25px;
	margin-top: 8px;
}

.c94-header > ul > li > a {
	font-size: 1.4rem;
}


.c94-body {
	overflow: hidden;
}

.c94-wrap {
	background-image: none;
}

.c94-wrap a,
.c94-wrap a span::before {
	transition-property: all;
	transition: 0.3s linear;
}

.c94-top-bnr {
	margin-top: 10.0rem;
	position: relative;
	width: 100%;
	background-image: url(../img/comicmarket/campaign-c94/c94-pc-bn.jpg);
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	height:23.0rem;
}

.c94-top-bnr::before {
	content: "";
	display: block;
	padding-top: 12.63157%;
	padding-top: -webkit-calc(240 / 1900 * 100%);
	padding-top: calc(240 / 1900 * 100%);
}

.c94-top-bnr > .inner-comike-bnr {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.c94-top-bnr > img {
	width: 100%;
	height: auto;
}

.c94-pr {
	width: 100%;
	margin: 1.5rem 0;
}

.c94-pr > p {
	width: 100%;
	text-align: center;
	font-size: 3.0rem;
	font-weight: bold;
	color: #e50d79;
}

.c94-cont .btl {
	width: 100%;
	background-image: url(../img/comicmarket/campaign-c94/c94_02.png)/*, url(../img/comicmarket/campaign-c94/c94-bg.png)*/;
	-moz-background-size: auto 35%, auto 100%;
	background-size: auto 35%, auto 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: top 0% left 47.5%, center center;
	margin-left: -999rem;
	margin-right: -999rem;
	padding-left: 999rem;
	padding-right: 999rem;
}

.c94-cont .btl > h2 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 600;
	font-size: 4.0rem;
	letter-spacing: 0.3rem;
	width: 100%;
	text-align: center;
	margin-bottom: 3.0rem;
}

.c94-cont .btl > h2::before {
	content: "＼たくさんのお問い合わせ、ご要望により　第2弾！／";
	display: block;
	color: #696969;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 3.0rem;
	letter-spacing: 0.3rem;
	margin: 3.0rem 0;
}

.c94-cont .btl > ul {
	overflow: hidden;
}

.c94-cont .btl > ul > li {
	width: 15.807%;
	width: -webkit-calc(100% / 6 - 5.0rem / 6);
	width: calc(100% / 6 - 5.0rem / 6);
	margin-right: 1.0rem;
	float: left;
}

@supports (-ms-ime-align:auto) {
	.c94-cont .btl > ul > li {
		width: 15.0%;
		width: -webkit-calc(100% / 6 - 5.1rem / 6);
		width: calc(100% / 6 - 5.1rem / 6);
	}
}


.c94-cont .btl > ul > li:last-of-type {
	margin-right: 0;
}

.c94-cont .btl > ul > li > a {
	display: block;
	width: 100%;
	height: auto;
}

.c94-cont .btl > ul > li > a > img {
	width: 100%;
}


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

.c94-cont .btl-frame {
	width: 100%;
	background-image: url(../img/comicmarket/campaign-c94/c94_02.png)/*, url(../img/comicmarket/campaign-c94/c94-bg.png)*/;
	-moz-background-size: auto 35%, auto 100%;
	background-size: auto 35%, auto 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: top 0% left 47.5%, center center;
	margin-left: -999rem;
	margin-right: -999rem;
	padding-left: 999rem;
	padding-right: 999rem;
}

.c94-cont .btl-frame h2 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight: 600;
	font-size: 4.0rem;
	letter-spacing: 0.3rem;
	width: 100%;
	text-align: center;
	margin-bottom: 3.0rem;
}

.c94-cont .btl-frame h2::before {
	content: "＼たくさんのお問い合わせ、ご要望により　第2弾！／";
	display: block;
	color: #696969;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 3.0rem;
	letter-spacing: 0.3rem;
	margin: 3.0rem 0;
}

.c94-cont .btl-frame ul {
	overflow: hidden;
}

.c94-cont .btl-frame ul li {
	width: 15.807%;
	width: -webkit-calc(100% / 6 - 5.0rem / 6);
	width: calc(100% / 6 - 5.0rem / 6);
	margin-right: 1.0rem;
	float: left;
}

@supports (-ms-ime-align:auto) {
	.c94-cont .btl-frame ul li {
		width: 15.0%;
		width: -webkit-calc(100% / 6 - 5.1rem / 6);
		width: calc(100% / 6 - 5.1rem / 6);
	}
}


.c94-cont .btl-frame ul li:last-of-type {
	margin-right: 0;
}

.c94-cont .btl-frame ul li a {
	display: block;
	width: 100%;
	height: auto;
}

.c94-cont .btl-frame ul li a img {
	width: 100%;
}

#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}



.modal-content {
    position:fixed;
    display:none;
    z-index:2;
   /* width:50%;*/
	 width: $modal-width;
    margin:0;
    padding:10px 20px;
    /*border:2px solid #aaa;*/
	margin-left: -($modal-width / 2);
	top:20% !important;
	left:35% !important;
}

.btl-frame .modal-content:nth-of-type(1){
	background-image:url(../img/comicmarket/campaign-c94/btl-popup_01.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25%;
	height:75%;
}

.btl-frame .modal-content:nth-of-type(2){
	background-image:url(../img/comicmarket/campaign-c94/btl-popup_02-01.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25%;
	height:75%;
}

.btl-frame .modal-content:nth-of-type(3){
	background-image:url(../img/comicmarket/campaign-c94/btl-popup_03-01.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25%;
	height:75%;
}

.btl-frame .modal-content:nth-of-type(3) p{
	margin-top:127% !important;
	text-align:center;
}

.btl-frame .modal-content:nth-of-type(4){
	background-image:url(../img/comicmarket/campaign-c94/btl-popup_04.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25%;
	height:75%;
}

.btl-frame .modal-content:nth-of-type(5){
	background-image:url(../img/comicmarket/campaign-c94/btl-popup_05.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25%;
	height:75%;
}

.btl-frame .modal-content:nth-of-type(6){
	background-image:url(../img/comicmarket/campaign-c94/btl-popup_06.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:25%;
	height:75%;
}

@media all and (-ms-high-contrast: none){
	.btl-frame .modal-content:nth-of-type(1),
	.btl-frame .modal-content:nth-of-type(2),
	.btl-frame .modal-content:nth-of-type(3),
	.btl-frame .modal-content:nth-of-type(4),
	.btl-frame .modal-content:nth-of-type(5),
	.btl-frame .modal-content:nth-of-type(6){
    height:67%;
  }
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


#cboxContent {
	background: rgba(255, 255, 255, 0);
	border: 1px solid #a9a9a9;
}


#cboxLoadedContent {
	background: rgba(255, 255, 255, 0);
}

.c94-cont .btl > .inner-twitter-account {
	width: 100vh;
	margin-left: -999rem;
	margin-right: -999rem;
	padding-left: 999rem;
	padding-right: 999rem;
}

.twitter-account > a {
	height: 5.0rem;
	background-color: rgba(40, 166, 224, 0.75);
	position: fixed;
	bottom: 120px;
	right: 0;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-weight: 600;
	text-align: center;
	padding: 1.0rem;
	border-left: 1px solid rgba(40, 166, 224, 0.75);
	border-top: 1px solid rgba(40, 166, 224, 0.75);
	border-bottom: 1px solid rgba(40, 166, 224, 0.75);
	-webkit-border-radius: 5.0rem 0 0 5.0rem / 5.0rem 0 0 5.0rem;
	-moz-border-radius: 5.0rem 0 0 5.0rem / 5.0rem 0 0 5.0rem;
	border-radius: 5.0rem 0 0 5.0rem / 5.0rem 0 0 5.0rem;
}

.twitter-account > a > span::before {
	content: "\f099";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 4.0rem;
	line-height: 5.0rem;
	background-color: #fff;
	color: #28a6e0;
	width: 5.0rem;
	height: 5.0rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	float: left;
	margin-right: 1.5rem;
}

.twitter-account > a:hover {
	opacity: 1.0;
	background-color: #fff;
	color: #28a6e0;
	border-left: 1px solid #28a6e0;
	border-top: 1px solid #28a6e0;
	border-bottom: 1px solid #28a6e0;
}

.twitter-account > a:hover > span::before {
	color: #fff;
	background-color: #28a6e0;
}

.c94-campaign{
	margin-top:5.0rem;
}

.marmaid {
	margin: 5.0rem 0;
}

.marmaid ul{
	overflow:hidden;
}

.marmaid li{
	width:calc( 100% / 2 - 3.0rem );
	float:left;
	margin-left:5.0rem;
}

.marmaid li:nth-of-type(1){
	margin-left:0;
}

.marmaid li img{
	width:100%;
}

.marmaid li:nth-of-type(1) img{
	width:106%;
}

.marmaid .caution{
	text-align:center;
	color:#000000;
	margin-top:2.5rem;
}

/*.marmaid > .marmaid-img {
	display: block;
	width: 40%;
	float: left;
}

.marmaid > .price-img {
	display: block;
	width: 60%;
	float: left;
}

.marmaid > .marmaid-img::before {
	content: "＼こんな方にオススメ／";
	display: block;
	color: #696969;
	font-size: 2.0rem;
	width: 100%;
	height: 3.0rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.marmaid > .price-img::before {
	content: "＼小ロットからOK!自分のイラストがグッズに変わる!／";
	display: block;
	color: #696969;
	font-size: 2.0rem;
	width: 100%;
	height: 3.0rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.marmaid > ul {
	clear: left;
	float: left;
	overflow: hidden;
	margin: 3.0rem 0;
}

.marmaid > ul > li {
	float: left;
	margin-right: 3.0rem;
}

.marmaid > ul > li > span {
	font-size: 1.8rem;
	font-weight: bold;
}

.marmaid > ul > li > span::before {
	content: "※";
	display: inline-block;
	margin-right: 1.0rem;
}*/

.c94-notice {
	width: 100%;
	height: 26.0rem;
	position: relative;
}

.c94-notice > ul {
	overflow: hidden;
}

.c94-notice::before {
	content: "";
	display: inline-block;
	width: 32.7rem;
	height: 32.0rem;
	background-image: url(../img/comicmarket/campaign-c94/c94-pc_05.jpg);
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 0;
}

.c94-notice > ul > li {
	position: relative;
	width: 23.550%;
	width: -webkit-calc(80% / 4 - 4.5rem / 4);
	width: calc(80% / 4 - 4.5rem / 4);
	float: left;
	margin-right: 1.5rem;
}

.c94-notice > ul > li:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.c94-notice > ul > li > p {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	background-color: #fff100;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	font-size: 3.3rem;
	font-weight: bold;
	line-height: 3.5rem;
}

.c94-notice > ul > li:nth-of-type(2) > p {
	color: #e60012;
	display: inline-block;
	padding-top: 2.5rem;
}

.c94-notice > ul > li:nth-of-type(3) > p,
.c94-notice > ul > li:nth-of-type(4) > p {
	font-size: 2.5rem;
	line-height: 2.7rem;
}

.c94-notice > ul > li:nth-of-type(2) > p > span {
	font-size: 6.0rem;
	line-height: 5.0rem;
	display: inline-block;
}

.c94-notice > ul > li:nth-of-type(2) > p > span:nth-of-type(2) {
	font-size: 4.0rem;
}

.c94-notice > ul > li:last-of-type {
	margin-right: 0;
}

.c94-notice > ul > li > p > a {
	display: inline-block;
	background-color: #231815;
	color: #fff;
	border: 2px solid #231815;
	border-radius: 39px;
	-webkit-border-radius: 39px;
	-moz-border-radius: 39px;
	margin-top: 1.0rem;
	padding: 0 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.c94-notice > ul > li > p > a > span {
	font-size: 2.0rem;
	letter-spacing: 0.1rem;
}

.c94-notice > ul > li > p > a > span::before {
	content: "\f0da";
	font-family: FontAwesome;
	display: inline-block;
	width: 2.0rem;
	height: 2.0rem;
}

.c94-notice > ul > li > p > a:hover {
	background-color: #fff;
	color: #231815;
	opacity: 1.0;
}

.c94-notice > ul > li > p > a:hover > span::before {
	color: #231815;
}

.c94-notice > span {
	float: left;
	width: 65%;
	font-size: 1.2rem;
	padding: 1.5rem;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	width: 23px;
	height: 23px;
	top: 10px;
	right: 10px;
	background: url(../img/campaign-c93/close.png) no-repeat 0 0;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#cboxClose:hover {
	background: url(../img/campaign-c93/close2.png) no-repeat 0 0;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.c94-bg-inner{
	background-image: url(../img/comicmarket/campaign-c94/c94-bg-02.png)/*,
		url(../img/comicmarket/campaign-c94/c94-graph_02.jpg)*/;
	-moz-background-size: 100% auto, 100% auto;
	background-size: 100% auto, 100% auto;
	background-repeat: no-repeat, repeat-y;
	/*background-position: center center, center center;*/
	/*height: 21.40rem;*/
	padding-top: 1.0rem;
	position: relative;
	width: 100%;
}

.c94-order {
	margin: 5.0rem 0;
}

.c94-order > ul {
	overflow: hidden;
	position: relative;
}

.c94-order > ul:nth-of-type(2) {
	margin-top:1.5rem;
}


.c94-order > ul > li {
	width: 32.302%;
	width: -webkit-calc(100% / 3 - 3.0rem / 3);
	width: calc(100% / 3 - 3.0rem / 3);
	margin-right: 1.5rem;
	float: left;
}

.c94-order > ul > li:last-of-type {
	margin-right: 0;
}

.c94-order > ul > li > a {
	box-sizing: border-box;
	text-align: center;
	line-height: 3.0rem;
	display: block;
	width: 100%;
	height: 8.0rem;
	padding: 0.3rem 0.6rem;
	background-color: #231815;
	border: 2px solid #231815;
	color: #fff;
	border-radius: 1.0rem;
	-webkit-border-radius: 1.0rem;
	-moz-border-radius: 1.0rem;
}

.c94-order > ul:nth-of-type(2) > li > a {
	height:6.0rem;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	color: #000000;
}

.c94-order > ul > li > a > span {
	font-size: 2.0rem;
	line-height: 3.5rem;
	font-weight: bold;
	width: 100%;
	height: 100%;
}

.c94-order > ul > li:nth-of-type(1) > a > span {
	line-height: 7.0rem;
}

.c94-order > ul:nth-of-type(2) > li > a > span {
	line-height: 5.2rem;
}

.c94-order > ul > li > a > span::before {
	content: "\f0da";
	font-family: FontAwesome;
	display: inline-block;
	width: 4.0rem;
	height: 5.0rem;
	font-size: 5.0rem;
	line-height: 5.0rem;
	background: #fff;
	color: #231815;
	border-radius: 50%;
	text-align: center;
	float: left;
	padding-left: 1.0rem;
	margin-top:1.0rem;
	margin-left:2.0rem;
	margin-right:-2.0rem;
}

.c94-order > ul:nth-of-type(2) > li > a > span::before{
	width:3.5rem;
	height:4.0rem;
	font-size:4.0rem;
	line-height:4.0rem;
	color:#E60013;
	background: #fff;
	margin-top:0.5rem;
	margin-left:0;
	margin-right:0;
	padding-left:0.5rem;
}

.c94-order ul:nth-of-type(2) .confirmation span:before{
	display:none;
}

.c94-order ul:nth-of-type(2) .confirmation span:after{
	content: "";
	background-image: url(../img/comicmarket/campaign-c94/c94-icon-02.png);
	-moz-background-size: auto 50%;
	background-size: auto 50%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 4.0rem;
	height: 5.0rem;
	line-height: 5.0rem;
	float: right;
	padding-left: 1.0rem;
	/*margin-top: -0.5rem;*/
	margin-right:3.0rem;
	margin-left:-5.0rem;
	-webkit-transition-property: all;
	-webkit-transition: 0.3s linear;
	transition-property: all;
	transition: 0.3s linear;
}

.c94-order ul:nth-of-type(2) .confirmation a:hover span:after{
	background-image: url(../img/comicmarket/campaign-c94/c94-icon-02-off.png);
	-webkit-transition-property: all;
	-webkit-transition: 0.3s linear;
	transition-property: all;
	transition: 0.3s linear;
}

.c94-order > ul > li > a:hover {
	background-color: #fff;
	color: #231815;
	opacity: 1.0;
}

.c94-order > ul:nth-of-type(2) > li > a:hover {
	background-color: #000000;
	color: #fff;
	opacity: 1.0;
}

.c94-order > ul > li > a:hover > span::before {
	color: #fff;
	background-color: #231815;
}

.c94-order > ul:nth-of-type(2) > li > a:hover > span::before {
	color: #000000;
	background-color: #fff;
}

.c94-cont p {
	font-weight: bold;
	margin: 3.0rem 0;
}

.c94-cont .info{
	color:#FF0004;
	text-align:center;
}

.c94-cont .info span{
	color:#000000;
	font-size:14px;
}

.c94-cont .info:before{
	content:"";
	display:block;
	border-top:2px solid #000000;
	height:15px;
	width:100%;
}

.c94-cont .info:after{
	content:"";
	display:block;
	border-bottom:2px solid #000000;
	height:15px;
	width:100%;
}

.c94-cont .details{
	margin-bottom:3.0rem;
}

.c94-cont .details ul{
	overflow:hidden;
}

.c94-cont .details li{
	float:left;
	font-size:14px;
	font-weight:500;
	margin-right:1.5rem;
}

.c94-cont .details li:nth-of-type(1){
	font-weight:600;
}

.c94-cont .details li:last-of-type{
	margin-right:0;
	float:right;
}

.c94-cont .details li a{
	font-size:14px;
}

.c94-cont .details li.twitter-icon span{
	font-size:18px;
	margin-right:1.0rem;
}

.c94-cont .details li.twitter-icon:before{
	content: "";
	background-image:url(../img/comicmarket/campaign-c94/c94-icon-03.png);
	-moz-background-size: auto 85%;
	background-size: auto 85%;
	background-repeat: no-repeat;
	background-position:center center;	
	display: inline-block;
	width: 4.0rem;
	height: 5.0rem;
	line-height: 5.0rem;
	float: left;
	padding-left: 1.0rem;
	margin-top:-0.5rem;
}

.c94-thanks-body {
	margin-top: 10.0rem;
}

.c94-thanks::after {
	content: "";
	display: inline-block;
	width: 20.0rem;
	height: 20.0rem;
	background-image: url(../img/comicmarket/campaign-c94/c94-pc_05.jpg);
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	margin: 3.0rem 0;
}

.return {
	clear: right;
}



/* ##### コミケキャンペーンc94ここまで ##### */

/* ##### コミケキャンペーン専用メールフォーム ##### */
.c94-inq > h3 {
	font-size: 2.5rem;
	font-weight: 500;
	padding-top: 3.0rem;
	padding-left: 1.5rem;
}

.c94-inq > form > dl dt {
	font-weight: bold !important;
}

.case-size {
	float: right;
	font-size: 1.4rem;
}

.must2 {
	background-color: #db1e1e;
	color: #fff;
}

.payment {
	width: 100%;
	border-top: 2px dotted #696969;
	margin: 1.5rem 0;
	overflow: hidden;
}

.payment > .inner-payment {
	width: 50%;
	float: left;
	padding: 1.0rem;
	box-sizing: border-box;
}

.notice-exp-heading {
	margin-top: 1.5rem ;
}

.notice-exp {
	width: 100%;
	height: 15.0rem;
	overflow-y: scroll;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	margin-bottom: 3.0rem;
	padding: 1.0rem;
	box-sizing: border-box;
}

.notice-exp > dl > .notice-mark {
	border-top: none !important;
	float: none !important;
	font-weight: 600 !important;
	padding: 5px 0px !important;
}

.notice-exp > dl > dd {
	padding: 5px 5px 10px 16px !important;
}

.notice-exp > dl > dt {
	font-size: 16px;
	padding: 10px 0 5px 0;
	border-top: none !important;
}


.notice-exp > dl > .inner-notice-mark {
	padding-left: 16px !important;
	border-top: none;
}

.notice-exp > dl > .inner-notice-mark:before {
	content: "■";
	display: inline-block;
}

.notice-exp > ul {
	margin-top: 1.5rem;
}

.notice-exp > ul > li {
	font-size: 1.4rem;
	line-height: 1.6rem;
}

.c94-btn {
	margin: 3.0rem 0;
}

.greeting {
	margin: 3.0rem 0;
}

.c94-form label.mfp_checked {
	border: none !important;
	background-color: #eae5e5 !important;
	box-shadow: none !important;
}

/* ##### コミケキャンペーン専用メールフォームここまで ##### */

/* ##### コミケキャンペーンのメディアクエリ ##### */
@media (max-width: 1450px) {
	.c94-cont .btl > ul {
		overflow: hidden;
		padding-top: 15.0rem;
	}
	
	.c94-cont .btl {
		-moz-background-size: auto 20%, auto 100%;
		background-size: auto 20%, auto 100%;
		background-position: top 21% left 49%, center center;
	}

}
/* ##### ipad proのlandscape(1366px)のみ ##### */
@media screen and (orientation: landscape) and (max-width: 1366px) {
	.c94-top-bnr > .inner-c94-top-bnr > a {
		margin-right: 9.5%;
		margin-top: 9.5%;
	}
	
	.twitter-account > a {
		height: 7.0rem;
	}
	
	.twitter-account > a > span {
		display: none;
	}
	
	.twitter-account > a:before {
		content: "\f099";
		font-family: FontAwesome;
		display: inline-block;
		font-size: 6.0rem;
		line-height: 7.0rem;
		background-color: #fff;
		color: #28a6e0;
		width: 7.0rem;
		height: 7.0rem;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		float: left;
		margin-right: 3.5rem;
	}
	
	.c94-frame{
		width:1250px;
	}
	
	.c94-top-bnr{
		height:19.0rem;
	}
	
}

@media (max-width: 1024px) {
	.twitter-account > a {
		height: 7.0rem;
	}
	
	.twitter-account > a > span {
		display: none;
	}

	.twitter-account > a:before {
		content: "\f099";
		font-family: FontAwesome;
		display: inline-block;
		font-size: 6.0rem;
		line-height: 7.0rem;
		background-color: #fff;
		color: #28a6e0;
		width: 7.0rem;
		height: 7.0rem;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		float: left;
		margin-right: 3.5rem;
	}
	
	.comike-bnr {
		width: 100%;
	}
	
	.c94-top-bnr{
		height:14.0rem;
	}
	
	.c94-frame{
		width:1000px;
	}
	
}

/* ##### ipadのlandscape(1024px)のみ ##### */
@media screen and (orientation: landscape) and (max-width: 1024px) {
	
	.c94-top-bnr{
		height:14.0rem;
	}
	
	.c94-frame{
		width:1000px;
	}

}

@media (max-width: 768px) {
	
	.c94-top-bnr{
		height:11.0rem;
	}
	
	.c94-frame{
		width:740px;
	}
	
	.c94-cont {
		padding: 0 1.0rem;
	}
	
	.comike-bnr > .charts {
		height: 16.0rem;
	}
	
	.comike-bnr > .charts > p:nth-of-type(1) {
		width: 85%;
		font-size: 1.8rem;
		line-height: 2.0rem;
	}
	
	.comike-bnr > .charts > p:nth-of-type(1) > span {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}
	
	.comike-bnr > .charts > span {
		font-size: 1.4rem;
		margin-top:-0.3rem;
	}
	
	.comike-bnr > .charts > .charts__chart {
		height: 4.0rem;
		top: 9.4rem;
		left: 3.2rem;
		display:none;
	}
	
	.comike-bnr, 
	.comike-title{
		width:100%;
	}
	
	.comike-title > .comike-title-inner{
		height:16.0rem;
		padding-top:0;
		margin-top:3.0rem;
	}
	
	.c94-top-bnr:before {
		padding-top: 12.62%;
	}
	
	.c94-top-bnr > .inner-c94-top-bnr > a {
		font-size: 1.2rem;
		margin-right: 7.5%;
	}
	
	.c94-cont .btl > h2 {
		font-size: 3.0rem;
	}
	
	.c94-cont .btl > h2::before {
		font-size: 2.5rem;
		letter-spacing: 0.2rem;
		margin: 3.0rem 0 1.0rem 0;
	}
	
	/*.marmaid > .marmaid-img::before,
	.marmaid > .price-img::before {
		font-size: 1.7rem;
	}*/
	
	.c94-order > ul > li > a > span {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	
	.c94-order > ul > li > a {
		line-height: 2.0rem;
		height: 6.0rem;
	}
	
	.c94-order > ul > li > a > span::before {
		width: 3.0rem;
		height: 2.0rem;
		font-size: 5.0rem;
		line-height: 4.0rem;
		padding-bottom: 2.0rem;
		margin-top:0.5rem;
		margin-left:0;
	}
	
	.c94-order > ul > li:nth-of-type(1) > a > span {
		line-height: 5.0rem;
	}
	
	.c94-order ul:nth-of-type(2) .confirmation span:after{
		background-size:auto 40%;
		margin-right:1.5rem;
	}
	
	.c94-order > ul:nth-of-type(2) > li > a > span::before{
		height:0;
	}
	
	.c94-cont .btl > ul{
		/*padding-top:0;*/
	}
	
	.c94-cont .btl{
		background-size: auto 35%, auto 100%;
		background-position: top 12% left 49.5%, center center;
	}
	
	.c94-cont .details{
		text-align:center;
	}
	
	.c94-cont .details li,
	.c94-cont .details li:last-of-type{
		float:none;
	}
	
	.c94-cont .details li.twitter-icon:before{
		display:none;
	}
	
	.c94-notice::before {
		width: 28.7rem;
		height: 35.5rem;
	}
	
	.c94-notice > ul > li > p {
		font-size: 2.6rem;
		line-height: 3.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(2) > p {
		padding-top: 3.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(2) > p > span {
		font-size: 5.0rem;
		line-height: 5.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(3) > p,
	.c94-notice > ul > li:nth-of-type(4) > p {
		font-size: 2.0rem;
		line-height: 2.2rem;
	}
	
	.c94-notice > ul > li > p > a {
		padding: 0 1.0rem;
	}
	
	/*.br {
		display: none;
	}*/
	
	.br2 {
		display: block;
	}
	
	.inner-payment > ul > li {
		padding: 0.5rem !important;
		box-sizing: border-box;
		margin-bottom: 1.0rem !important;
	}
	
	.inner-payment > ul > li:nth-of-type(2n) {
		background-color: #f5f5f5;
	}
	
}

@media screen and (min-width: 415px)  and (max-device-width: 768px) {
	
	.hs-01 > p{
		font-size:2.0rem;
	}
	
	.hs-01 > p > span{
		font-size:3.0rem;
	}
	
	.main-cont .blue1 > h3::before{
		font-size:3.5rem;
	}
	
	.main-cont .blue1 > h3 > p{
		font-size:5.0rem;
	}
	
	.main-cont .blue1 > h3 > p > span{
		font-size:7.0rem;
	}
	
	.main-cont .blue1 > h3 > span{
		font-size:5.0rem;
	}
	
	.drink > .inner-drink > h5{
		font-size:3.0rem;
	}
	
	.drink > .inner-drink > ul > li > h6{
		font-size:2.0rem;
	}
	
	.drink > .inner-drink > ul > li > p{
		font-size:1.5rem;
	}
	
	.drink > .inner-drink:nth-of-type(2) > ul > li:nth-of-type(4) > h6 > p{
		font-size:1.2rem;
	}
	
	.drink > .inner-drink:nth-of-type(2) > ul > li:nth-of-type(4) > h6 > p > span{
		font-size:2.0rem;
	}
	
	.drink > .inner-drink:nth-of-type(1){
		padding:0.5rem;
	}
	
	.fuji > h4{
		font-size:2.1rem;
		text-align:center;
	}
	
	.fuji-text{
		height:32.5rem;
		margin-bottom:-8rem;
	}
	
	.color-cap > h3 > .color-cap-heading-main{
		font-size:4.0rem;
		text-align:left;
	}
	
	.color-cap > h3 > p::before{
		height:16.5rem;
		margin-right:3.0rem;
	}
	
	.color-cap-ex > h6{
		font-size:2.5rem;
	}
	
	.color-cap-ex > img:nth-of-type(1){
		width:30%;
		padding-top:1.5rem;
	}
	
	.color-cap-ex > p{
		font-size:1.5rem;
	}
	
	.main-cont .blue2 > h3::before{
		width:15.0rem;
	}
	
	.reason > p{
		text-align:center;
		font-size:2.5rem;
	}
	
	.reason > .inner-reason > p:nth-of-type(1){
		font-size:2.0rem;
	}
	
	.reason > .inner-reason > p:nth-of-type(1) > span{
		font-size:3.0rem;
	}
	
	.reason > .inner-reason > p:nth-of-type(2){
		bottom:5.0rem;
	}
	
	.voice > ul > li > a{
		height:5.0rem;
	}
	
	.voice > ul > li > h5::before{
		width:9.0rem;
	}
	
	.voice > ul > li > h5{
		font-size:2.5rem;
	}
	
	.voice > ul > li > h5 > span{
		font-size:3.2rem;
	}
	
	.voice > ul > li > p{
		font-size:1.7rem;
	}
	
	.voice > ul > li > p > span{
		font-size:1.7rem;
	}
	
	.inner-drink-mini > h5{
		font-size:2.3rem;
		text-indent:-4.0rem;
	}
	
	.inner-drink-mini > ul > li > h6{
		font-size:1.8rem;
	}
	
	.inner-drink-mini:nth-of-type(1) > ul > li{
		top:7.4rem;
	}
	
	.inner-drink-mini > ul > li > p{
		font-size:1.3rem;
	}
	
	.inner-drink-mini:nth-of-type(2) > ul > li:nth-of-type(4) > h6 > p{
		margin-bottom:0.5rem;
	}
	
	.voice > ul > li:nth-of-type(7) > dl{
		width:95.8%;
	}
	
	.voice > ul > li:nth-of-type(7) > dl > dd{
		height:8.0rem;
	}
	
	.plus-alfa{
		margin: 5rem 0 3.0rem 0;
	}
	
	.pre-movie > h3{
		font-size:4.0rem;
		text-align:center;
	}
	
	.pre-movie > h3 > span{
		font-size:4.0rem;
	}
	
	.wrapper{
		background-position: center top 29.7%;
	}
	
	.pre-movie > img:nth-of-type(2) + p{
		margin-bottom:5.0rem;
	}
	
	.pre-movie > .inner-pre-movie > p{
		font-size:4.0rem;
	}
	
	.pre-movie > .inner-pre-movie > p > span{
		font-size:6.0rem;
	}
	
	.pre-movie > .inner-pre-movie > p:last-child{
		font-size:7.0rem;
	}
	
	.pre-movie > .inner-pre-movie > p:last-child > span:first-of-type{
		font-size:5.0rem;
	}
	
	.pre-movie > .inner-pre-movie > p:last-child > span:nth-of-type(2){
		font-size:24.0rem;
	}
	
	.pre-movie > .inner-pre-movie > p:last-child > span:first-of-type::before{
		font-size: 2.5rem;
		width: 22rem;
		top: 10rem;
	}
	
	.noverty > p:nth-of-type(1){
		font-size:2.5rem;
	}
	
	.noverty > p:nth-of-type(2){
		font-size:4.5rem;
	}
	
	.noverty > p:nth-of-type(2) > span{
		left:3.0rem;
	}
	
	.noverty > ul{
		background-size: 40% auto;
	}
	
	.noverty > ul > li{
		font-size:2.0rem;
		line-height:4.0rem;
	}
	
	.scene > ul > li > ul > li > span{
		font-size:1.8rem;
	}
	
	.balloon > p .weight-font{
		font-size:3.3rem;
	}
	
	.main-cont > .backnumber a.animated-button.thar-three{
		width:65%;
	}
	
	.order-flow > ul > li > p{
		font-size:1.7rem;
	}
	
	.order-flow > ul > li{
		margin-bottom:3.0rem;
	}
	
	.top-position{
		line-height:9.0rem;
	}
	
	.order-flow > ul > li:nth-of-type(5) > .inner-order > dl >dd{
		font-size:1.6rem;
	}
	
	.order-flow > ul > li:nth-of-type(5) > .inner-order > dl:nth-of-type(1)::after{
		top:6.0rem;
		left:35.0rem;
	}
	
	.order-flow > ul > li > p{
		font-size:1.4rem;
	}
	
	.main-cont > .faq > ul > li > span{
		font-size:1.7rem;
	}
	
	.main-cont > .inq > img + p + span{
		font-size:2.5rem;
	}
	
	.main-cont > h5::before{
		height:12.0rem;
		top:-6.5rem;
	}
	
	.main-cont > h5{
		font-size:3.8rem;
		padding-top:5.0rem;
	}
	
}

@media (max-width: 414px) {
	
	.sp-br:before{
		content: "\A";
		white-space: pre;
	}
	
	.c94-header > a:last-child {
	padding-top: 0.8rem;
	padding-bottom: 0.3rem;
}

.c94-header > a:last-child::before {
	height: 12px;
	width: 19px;
	margin-top: 7px;
}

.c94-header > ul > li > a {
	font-size: 1.1rem;
}

	.c94-header > ul > li:nth-of-type(1),
	.c94-header > ul > li:nth-of-type(2) {
		float: none;
		border-right: none;
	}
	
	.c94-header > a:last-child {
		height: 2.5rem;
		margin-top: -1.5rem;
		padding: 0.5rem 0.7rem;
		line-height: 1.2rem;
	}
	
	.header > a:last-child {
		font-size: 1.0rem;
	}
	
	.twitter-account > a {
		height: 5.0rem;
		bottom: 85px;
		padding: 0.5rem;
	}
	
	.twitter-account > a:before {
		font-size: 4.0rem;
		line-height: 5.0rem;
		width: 5.0rem;
		height: 5.0rem;
		margin-right: 1.0rem;
	}
	
	.c94-bg-inner{
		margin-top:-5.0rem;
		background-position: top 57rem center;
	}
	
	.c94-pr > p {
		font-size: 1.8rem;
	}
	
	.c94-top-bnr {
		background-image: url(../img/comicmarket/campaign-c94/c94-sp-bn.jpg);
		margin-top: 6.5rem;
		height:26.3rem;
	}
	
	.c94-top-bnr::before {
		padding-top: 63.405%;
		padding-top: -webkit-calc(525 / 828 * 100%);
		padding-top: calc(525 / 828 * 100%);
	}

	.c94-frame{
		width:100%;
	}

	.comike-bnr > .charts {
		height: 16.0rem;
		background-position: center bottom;
		background-image: url(../img/comicmarket/campaign-c94/c94-graph_01-01.jpg),
		url(../img/comicmarket/campaign-c94/c94-graph_02.jpg);
	}
	
	.comike-bnr > .charts > .charts__chart {
		height: 2.0rem;
		top: 12.7rem;
		left: 6.6rem;
		display:block;
	}
	
	.comike-bnr > .charts > p:nth-of-type(1) {
		font-size: 3.5vw;
		width:95%;
	}
	
	.comike-bnr > .charts > p:nth-of-type(1) > span{
		font-size:4.5vw;
	}
	
	.comike-bnr > .charts > span{
		font-size:3.5vw;
	}
	
	.comike-bnr,
	.comike-title{
		width:100%;
	}
	
	.comike-title > .comike-title-inner{
		height:9.0rem;
		padding-top:5.0rem;
		margin-bottom:-10.0rem;
	}
	
	.comike-title > .comike-title-inner > p{
		font-size:2.6vw;
		padding:0;
		margin:0;
		display:block;
		margin-top:-5.0rem;
	}
	
	.c94-cont .btl {
		-moz-background-size: auto 20%, auto 100%;
		background-size: auto 20%, auto 100%;
		background-position: top 5% left 40%, center center;
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0; 
	}
	
	.c94-cont .btl > h2 {
		font-size: 1.6rem;
		margin-bottom: 15.0rem;
	}
	
	.c94-cont .btl > h2::before {
		font-size: 3.2vw;
	}
	
	.c94-cont .btl > ul {
		padding-top: 0;
	}
	
	.c94-cont .btl > ul > li {
		width: -webkit-calc(100% / 3 - 2.0rem / 3);
		width: calc(100% / 3 - 2.0rem / 3);
	}
	
	.c94-cont .btl > ul > li:nth-of-type(3n) {
		margin-right: 0;
	}
	




	.c94-cont .btl-frame {
		-moz-background-size: auto 20%, auto 100%;
		background-size: auto 20%, auto 100%;
		background-position: top 5% left 40%, center center;
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0; 
	}
	
	.c94-cont .btl-frame h2 {
		font-size: 1.6rem;
		margin-bottom: 15.0rem;
	}
	
	.c94-cont .btl-frame h2::before {
		font-size: 3.2vw;
	}
	
	.c94-cont .btl-frame ul {
		padding-top: 0;
	}
	
	.c94-cont .btl-frame ul li {
		width: -webkit-calc(100% / 3 - 2.0rem / 3);
		width: calc(100% / 3 - 2.0rem / 3);
	}
	
	.c94-cont .btl-frame ul li:nth-of-type(3n) {
		margin-right: 0;
	}

.modal-content {
	top: 20% !important;
	left:5% !important;
	right:auto !important;
}

	.btl-frame .modal-content:nth-of-type(1),
	.btl-frame .modal-content:nth-of-type(2),
	.btl-frame .modal-content:nth-of-type(3),
	.btl-frame .modal-content:nth-of-type(4),
	.btl-frame .modal-content:nth-of-type(5),
	.btl-frame .modal-content:nth-of-type(6){
	width:80%;
    height:66%;
  }

.modal-content p {
    margin:0;
    padding:0;
}

.btl-frame .modal-content:nth-of-type(3) p{
	margin-top:130% !important;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}


	.c94-order > ul > li > a > span::before{
		/*line-height:4.0rem;*/
	}
	
	.c94-order > ul > li:nth-child(even) > a > span::before{
		height:2.0rem;
	}
	
	.c94-order > ul > li:nth-child(even) > a {
	height:6.0rem;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	color: #000000;
}

.c94-order > ul > li:nth-child(even) > a > span {
	line-height: 5.2rem;
}

.c94-order > ul > li:nth-child(even) > a > span::before{
	width:3.5rem;
	/*height:4.0rem;*/
	font-size:4.0rem;
	line-height:4.0rem;
	color:#E60013;
	background: #fff;
	margin-top:0.5rem;
	margin-left:0;
	margin-right:0;
	padding-left:0.5rem;
}

.c94-order ul li.confirmation span:before{
	display:none;
}

.c94-order ul li.confirmation span:after{
	content: "";
	background-image: url(../img/comicmarket/campaign-c94/c94-icon-02.png);
	-moz-background-size: auto 50%;
	background-size: auto 50%;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 4.0rem;
	height: 5.0rem;
	line-height: 5.0rem;
	float: right;
	padding-left: 1.0rem;
	/*margin-top: -0.5rem;*/
	margin-right:3.0rem;
	margin-left:-5.0rem;
	-webkit-transition-property: all;
	-webkit-transition: 0.3s linear;
	transition-property: all;
	transition: 0.3s linear;
}

.c94-order ul li.confirmation a:hover span:after{
	background-image: url(../img/comicmarket/campaign-c94/c94-icon-02-off.png);
	-webkit-transition-property: all;
	-webkit-transition: 0.3s linear;
	transition-property: all;
	transition: 0.3s linear;
}

.c94-order > ul > li:nth-child(even) > a:hover {
	background-color: #000000;
	color: #fff;
	opacity: 1.0;
}

.c94-order > ul > li:nth-child(even) > a:hover > span::before {
	color: #000000;
	background-color: #fff;
}

	
	/*.marmaid {
		margin: 5.0rem 0 1.5rem 0;
	}
	
	.marmaid > .marmaid-img,
	.marmaid > .price-img {
		width: 100%;
		float: none;
	}
	
	.marmaid > .marmaid-img::before {
		font-size: 1.8rem;
	}
	
	.marmaid > .price-img::before {
		font-size: 1.5rem;
	}
	
	.marmaid > ul > li > span {
		font-size: 1.6rem;
	}*/
	
	.marmaid{
		margin:0;
	}
		
	.marmaid li{
		margin-left:0;
	}
		
	.marmaid li,
	.marmaid li img,
	.marmaid li:nth-of-type(1) img{
		width:100%;
	}
	
	.c94-cont .details li,
	.c94-cont .details li:last-of-type{
		float:none;
	}
	
	.c94-cont .details li{
		font-size:3.0vw;
	}
	
	.c94-cont .details li.twitter-icon:before{
		background-size: auto 65%;
		width: 2rem;
		height: 3rem;
		 padding-left: 0rem;
		margin-top: 0.5rem;
	}
	
	.c94-notice {
		height: 54.0rem;
	}
	
	.c94-notice::before {
		width: 28.0rem;
		height: 28.5rem;
		position: absolute;
		top: 27.0rem;
		right: 0;
	}
	
	.c94-notice > ul > li {
		width: -webkit-calc(100% / 2 - 1.5rem / 2);
		width: calc(100% / 2 - 1.5rem / 2);
		float: none;
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
		float: left;
	}
	
	.c94-notice > ul > li:nth-of-type(3) {
		margin-right: 0;
	}
	
	.c94-notice > ul > li:last-of-type {
		clear: left;
	}
	
	.c94-notice > ul > li:nth-of-type(1) {
		position: relative;
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
	
	.c94-notice > ul > li:nth-of-type(1) > p {
		font-size: 2.5rem;
		line-height: 2.5rem;
		text-align: center;
		color: #505050;
		padding: 1.5rem 0;
		display: inline-block;
		background-color: #fff100;
		vertical-align: middle;
		border-radius: 2.5rem 0px 0px 2.5rem;
	}
	
	.c94-notice > ul > li:nth-of-type(1) > p::before {
		content: "●";
		display: inline-block;
		font-size: 5rem;
		color: white;
		margin-left: 0.5rem;
		float: left;
		margin-top: 0.3rem;
	}
	
	.c94-notice > ul > li:nth-of-type(1):before {
		padding-top: 14%;
	}
	
	.c94-notice > ul > li:nth-of-type(4) > p {
		color: #e60012;
		display: inline-block;
		padding-top: 2.5rem;
	}
	
	.c94-notice > ul > li > p > a {
		display: inline-block;
		margin-top: 1.0rem;
	}

	.c94-notice > ul > li:nth-of-type(2) > p,
	.c94-notice > ul > li:nth-of-type(3) > p {
		color: #000;
		font-size: 2.4rem;
		line-height: 2.7rem;
	}

	.c94-notice > ul > li:nth-of-type(4) > p > span {
		font-size: 6.0rem;
		line-height: 6.0rem;
		display: inline-block;
	}
	
	.c94-notice > ul > li:nth-of-type(4) > p {
		font-size: 3.0rem;
	}
	
	.c94-notice > span {
		float: none;
		padding: 0;
		display: block;
		margin-top: 8.5rem;
		width: 100%;
	}
	
	#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
		top: 2px;
	}
	
	.c94-order {
		margin: 7.5rem 0 1.5rem 0;
	}
	
	.c94-order > ul > li {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	
	.c94-order > ul > li > a > span {
		font-size: 1.8rem;
	}
	
	.mfp_thanks {
		height: %;
		height: -webkit-calc(100vh - 25rem);
		height: calc(100vh - 25rem);
	}
	
	.color-cap > h3 {
		line-height: inherit;
	}
	
	.color-cap > h3 > p {
		line-height: 5.0rem;
		background-color: rgba(0,0,0,0);
		color: #fff;
	}
	
	.color-cap-heading-1,
	.color-cap-heading-2 {
		padding-left: 0; 
	}
	
	.color-cap-heading-2 {
		margin-bottom: 1.5rem;
	}
	
	.color-cap-heading-2 > span {
		font-size: 2.0rem;
	}
	
	.color-cap > h3 {
		margin-bottom: 0;
	}
	
	.color-cap > h3 > p::before {
		width: 5.0rem;
		height: 5.0rem;
	}
	
	.color-cap > h3 > p::before {
		margin-left: 0;
		margin-right: 1.0rem;
	}
	
	.color-cap-ex > img:nth-of-type(1) {
		margin-right: 0;
		width: 60%;
	}
	
	.color-cap-ex > img:nth-of-type(2) {
		width: 40%;
		margin-top: 8.0rem;
	}
	
	.color-cap-ex > h6 {
		font-size: 2.0rem;
		margin-top: 1.5rem;
	}
	
	.color-cap-ex > p {
		font-size: 1.6rem;
	}
	
	.color-cap-ex > dl > dt {
		width: 25%;
	}
	
	.color-cap-ex > dl > dd > ul > li {
		font-size: 1.4rem;
	}
}

@media (max-width: 376px) {
	.c94-header > a:last-child {
		margin-top: -0.7rem;
	}
	
	.header > a:last-child::before {
		height: 10px;
		width: 15px;
		margin-top: 5px;
		margin-left: 1px;
	}
	
	.c94-top-bnr > .inner-c94-top-bnr > a {
		margin-right: 58.5%;
		margin-top: 59%;
	}
	
	.comike-bnr > .charts {
		height: 17.0rem;
	}
	
	.comike-bnr > .charts > p:nth-of-type(1) {
		font-size: 1.6rem;
	}
	
	.comike-bnr > .charts > span {
		font-size: 1.4rem;
	}
	
	.comike-bnr > .charts > .charts__chart {
		top: 14.0rem;
		left: 6.0rem;
	}
	
	.c94-cont .btl > h2 {
		font-size: 1.4rem;
	}
	
	.c94-cont .btl > h2::before {
		font-size: 1.3rem;
	}
	
	.c94-notice {
		height: 52.0rem;
	}
	
	.c94-notice::before {
		width: 25.0rem;
		height: 25.5rem;
	}
	
	.c94-notice > ul > li:nth-of-type(1) > p::before {
		font-size: 4.5rem;
		margin-left: 0.5rem;
		margin-top: 0; 
	}
	
	.c94-notice > ul > li:nth-of-type(1) > p {
		line-height: 2.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(2) > p, .c94-notice > ul > li:nth-of-type(3) > p {
		font-size: 2.2rem;
		line-height: 2.5rem;
	}
	
	.c94-notice > ul > li:nth-of-type(2) > p {
		padding-top: 0;
	}

	.c94-notice > ul > li:nth-of-type(2) > p {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.c94-notice > ul > li:nth-of-type(4) > p {
		padding-top: 2.2rem;
	}
	
	.c94-notice > ul > li:nth-of-type(4) > p > span {
		font-size: 5.0rem;
		line-height: 5.0rem;
	}
	
	.c94-notice > span {
		margin-top: 10.5rem;
	}
	
	.mfp_thanks {
		height: %;
		height: -webkit-calc(100vh - 16rem);
		height: calc(100vh - 16rem);
	}
	
	.c94-thanks {
		font-size: 1.2rem;
	}
}

@media (max-width: 361px) {
	.comike-bnr > .charts > p:nth-of-type(1) > span {
		font-size: 1.8rem;
		line-height: 2.0rem;
	}
	
	.c94-notice > span {
		margin-top: 12.0rem;
	}
}

@media (max-width: 321px) {
	.comike-bnr > .charts > p:nth-of-type(1) > span {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	
	.c94-top-bnr > .inner-c94-top-bnr > a {
		margin-right: 52.5%;
		margin-top: 58%;
	}
	
	.c94-cont .btl > h2 {
		font-size: 1.2rem;
	}
	
	.c94-cont .btl > h2::before {
		font-size: 1.1rem;
	}
	
	/*.marmaid > ul > li > span {
		font-size: 1.3rem;
	}*/
	
	.c94-notice {
		height: 41.0rem;
	}
	
	.c94-notice::before {
		width: 20.0rem;
		height: 19.5rem;
		top: 23.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(1) > p {
		font-size: 2.2rem;
		line-height: 1.4rem;
	}
	
	.c94-notice > ul > li:nth-of-type(1) > p::before {
		font-size: 3.5rem;
	}
	
	.c94-notice > ul > li:nth-of-type(2) > p, .c94-notice > ul > li:nth-of-type(3) > p {
		font-size: 1.8rem;
		line-height: 2.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(4) > p {
		padding-top: 3.0rem;
	}
	
	.c94-notice > ul > li:nth-of-type(4) > p > span {
		font-size: 5.0rem;
	}
	
	.c94-notice > span {
		margin-top: 6.0rem;
	}
	
	.mfp_thanks {
		height: %;
		height: -webkit-calc(100vh - 10rem);
		height: calc(100vh - 10rem);
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}
/* ##### コミケキャンペーンのメディアクエリここまで ##### */

@media (max-width: 375px) {
	
	.modal-content{
		top:130px !important;
		left:40px !important;
	}
	
	.btl-frame .modal-content:nth-of-type(1),
	.btl-frame .modal-content:nth-of-type(2),
	.btl-frame .modal-content:nth-of-type(3),
	.btl-frame .modal-content:nth-of-type(4),
	.btl-frame .modal-content:nth-of-type(5),
	.btl-frame .modal-content:nth-of-type(6){
		width:70%;
		height:70%;
  }
	
	/*.btl-frame .modal-content:nth-of-type(3) p{
		margin-top:34.8rem !important;
	}*/

}