/*!
 * reveal.js
 * http://lab.hakim.se/reveal-js
 * MIT licensed
 *
 * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
 */


/* ----------------------------------------------------------------------------------------Global Settings */

/*
FONT Settings: comic.manga-audition.com smac2013-comic-theme style.cssにて設定

font-family: Uni-Sans-Thin;
font-family: Uni-Sans-ThinItalic;
font-family: Uni-Sans-Regular;
font-family: Uni-Sans-RegularItalic;
font-family: Uni-Sans-Bold;
font-family: Uni-Sans-BoldItalic;
font-family: Uni-Sans-Heavy;
font-family: Uni-Sans-HeavyItalic;
font-family: Uni-Sans-Light;
font-family: Uni-Sans-LightItalic;
*/

/*********************************************
 * Wrapper
 *********************************************/

    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
		width:100%!important;
		height:100%!important;
		background:#F9F3EE;
    }
/*----------------------------------DOUBLE LAYOUT -- */
	.swiper-wrapper.swiper-slide{
		margin:0;
		padding:0;
		width:50%;
		overflow:hidden!important;
	}
	
    .swiper-wrapper img{
		width:auto;
		height:auto;	
		/*width:auto!important;*/
		/*height:100%;*/
		max-height:100%;
		max-width:100%;

		/* 天地中央寄せ設定 */
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);

    }
	.odd img{ float:left;}	
	.even img{ float:right;}	

/*----------------------------------SINGLE LAYOUT -- */

	.single_layout.swiper-slide{
		width:100%;
    }
	
    .single_layout .swiper-wrapper img{
		float:none;
    }
	
/*********************************************
 * CONTROL BUTTON
 *********************************************/	

/* PREVIOUS BUTTON */
.swiper-button-prev {
    background-image:none!important;
	width:48%;
	height:94%;
    top:6%;
	right: 0px!important;
    left: auto;
	/*border:solid 6px #FF0000;*/
}

/* NEXT BUTTON */
.swiper-button-next{
    background-image:none!important;
	width:48%;
	height:94%;
    top:6%;
	left: 0px!important;
    right: auto;  
	/*border:solid 6px #FF0000;*/
}

/* MENU BAR TRIGGER AREA */
#menubar-touch-area{
	z-index:3; /* .info-containerよりz-index値を大きくすること */
	position:fixed;
	top:0px;
	right:0px;
	width:100%;	
	height:10%;
	box-sizing:border-box;
	/*background:#FF0000;*/
}
 
/*********************************************
 * END BUTTON
 *********************************************/

 .end_btn{
	display:none;
	z-index:1000;
	position:fixed;
	width:48%;
	height:94%;
    top:6%;
	left: 0px!important;
	cursor:pointer;
 }
 
 .end_page{
 	cursor:pointer;
 }

/*********************************************
 * MENU-BAR-AREA
 *********************************************/


#menubar{
	z-index:100;
	position:fixed;
	top:0px;
	right:0px;
	width:100%;	
	background:rgba(155,3,3,0.9);
	padding:8px 16px;
	box-sizing:border-box;
	display:none;
	/*display:block;*/
}

#menubar:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 左エリア */
#menubar .left-area{
	float:left;
	width:80%;
	box-sizing:border-box;
	/*background:#000;*/
}

/* 右エリア */
#menubar .right-area{
	float:right;
	width:126px;
	box-sizing:border-box;
	padding:0;
	/*background:#FF0000;*/	
}

#menubar ul.menubar-buttons{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}

#menubar ul.menubar-buttons li{
	float:left;
	margin-left:10px;
}

/* SNSボタン */
#menubar ul.menubar-buttons li img{
	width:30px;
	height:30px;
	cursor:pointer;
}

/* PC版ロゴ */
#menubar .left-area .logo{
	float:left;
}

/* SP版ロゴ */
#menubar .left-area .logo_sp{
	float:left;
	display:none;
}

/* メニューバー内タイトル */
#menubar .left-area .menubar-meta-title{
	float:left;
	color:#FFF;
	font-family: Uni-Sans-Regular;
	font-size:1.6em;
	line-height:1.4em;
	margin:0 0 0 10px;
	box-sizing:border-box;
	padding:6px 10px 0px 24px;
	background:url(http://www.manga-audition.com/viewer/images/icon_info.png) left center no-repeat;
	background-size:20px 20px;	
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;
	-o-background-size:20px 20px;
	-ms-background-size:20px 20px;
	cursor:pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:64%;
	/*background:#FF0000;*/
}

/*********************************************
 * FullScreen Element
 *********************************************/

.btn_fullscreen{
	width:30px;
	height:30px;
	cursor:pointer;
	background:url(http://www.manga-audition.com/viewer/images/icon_fullscreen.png) 50% 50% no-repeat;
	background-size:26px 26px;	
	-moz-background-size:26px 26px;
	-webkit-background-size:26px 26px;
	-o-background-size:26px 26px;
	-ms-background-size:26px 26px;
	display:block;
	
}

.fullscreen_active{
	background:url(http://www.manga-audition.com/viewer/images/icon_fullscreen2.png) 50% 50% no-repeat;
	background-size:30px 30px;	
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	-o-background-size:30px 30px;
	-ms-background-size:30px 30px;
}

/*********************************************
 * BOTTOM-MENU-BAR-AREA
 *********************************************/

#menubar-bottom{
	z-index:100;
	position:fixed;
	bottom:0px;
	right:0px;
	width:100%;	
	/*height:50px;*/
	background:rgba(155,3,3,0.9);
	padding:8px 16px;
	box-sizing:border-box;
	display:none;
	/*display:block;*/
	font-family: Uni-Sans-Bold;
	color:#FFF;
	font-size:1.4em;
	line-height:1.0em;	
}

#menubar-bottom:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#menubar-bottom .left-area{
	float:left;
	width:50%;
}

#menubar-bottom .right-area{
	float:right;
	width:50%;
}

/*********************************************
 * INFORMATION-AREA
 *********************************************/

/* オーバーレイ全体 */
.info-container{
	z-index:1; /* .menubar-touch-areaよりz-index値を小さくすること */
	width:100%;
	height:100%;
	position:fixed;
	top:0%;
	left:0%;
	right:0%;
	bottom:0%;
    background:rgba(255,255,255,0.5);
	display:none;
	/*display:block;*/
}

/* 角丸ボックス */
.info-container-inner{
	z-index:2;
	width:80%;
	height:80%;
	color:#fff;
	position:fixed;
	top:10%;
	left:10%;
	right:10%;
	bottom:10%;
	padding:4% 4%;
	box-sizing: border-box;
	background:rgba(113,7,7,0.9);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display:none;
}

/* スクロール部分 */
.info-meta-container{
	font-family: Uni-Sans-Regular;
	line-height:1.4em;
	height:100%;
	overflow-y:scroll;
	padding:0% 4%;
	box-sizing: border-box;	
	/*background:rgba(0,0,0,0.9);*/
}

 /* スクロールバースタイル */
.info-meta-container::-webkit-scrollbar {
    width: 10px;
}
/* ツマミ部分 */
.info-meta-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background:#3a0d01;
    width:10px;
}

/* 余白部分 */
.info-meta-container::-webkit-scrollbar-track {
    background:rgba(249,243,238,0.4);
    border-radius: 10px;
}

.info-meta-container .wrap-title{
	border-bottom:solid 1px #4B1203;
	padding-bottom:20px;
}

/* 作品タイトル */
.info-meta-container .meta-title{
	font-family: Uni-Sans-BoldItalic;
	font-size: 4.2em;
    line-height: 1.0em;
    margin: 0;
}
/* 作者名 */
.info-meta-container .meta-author{
	font-size:3.0em;
	line-height:1.0em;
	margin:10px 0 0 0;
}

.info-meta-container .meta-head{
	font-family: Uni-Sans-Bold;
	font-size:1.2em;
	color:#E7DF8A;
	margin:28px 0 6px 0;
	padding:0;
}

.info-meta-container .meta-body{
	font-size:1.4em;
	line-height:1.4em;
	margin:0;
	padding:0;	
}


/*********************************************
 * END CONTAINER
 *********************************************/

/* モーダル部分 */
.end-container{
	z-index:12;
	width:100%;
	height:100%;
	position:fixed;
	top:0%;
	left:0%;
    background:rgba(0,0,0,0.7);
	display:none;
}

/* 角丸部分 */
.end-container-inner{
	z-index:15;
	width:40%;
	height:60%;
	color:#fff;
	position:absolute;
	top:20%;
	left:30%;
	padding:2% 2%;
	box-sizing: border-box;
	background:rgba(255,255,255,1);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:center;
	margin-bottom:3%;
	overflow-y:scroll;
	display:none;
}

 /* スクロールバースタイル */
.end-container-inner::-webkit-scrollbar {
    width: 8px;
}
/* ツマミ部分 */
.end-container-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background:#CCC;
    width:10px;
}
/* 余白部分 */
.end-container-inner::-webkit-scrollbar-track {
    background:#F7F7F7;
    border-radius: 10px;
}

/* リンクテキスト */
	.end-container-inner a{
		color:#000;
		text-decoration: none;
		font-size:12px;
		font-weight:bold;
	}

/* 青ボタン */
	.end-container-inner a.button_blu{
		display:block;
		padding:12px 20px;
	    -moz-border-radius: 6px / 6px;
	    -webkit-border-radius: 6px / 6px;
	    border-radius: 6px / 6px;
	    text-align:center;
	    color:#FFF!important;
		font-size:14px;
		font-family: Uni-Sans-Regular;		
		margin-bottom:10px;
		background:url(../images/arrow_right_w.png) 98% 50% #006aed no-repeat ;
		background-size:14px 14px;	
		-moz-background-size:14px 14px;
		-webkit-background-size:14px 14px;
		-o-background-size:14px 14px;
		-ms-background-size:14px 14px;				
	}
	
/* 青ボタン2 */
	.end-container-inner a.button_blue{
		display:block;
		padding:12px 20px;
	    -moz-border-radius: 6px / 6px;
	    -webkit-border-radius: 6px / 6px;
	    border-radius: 6px / 6px;
	    text-align:center;
	    color:#006aed!important;
	    border:solid 1px #006aed;
		font-size:14px;
		/*font-family: Uni-Sans-Regular;*/		
		margin-bottom:8px;
		background:url(../images/arrow_right_w.png) 98% 50% no-repeat ;
		background-size:14px 14px;	
		-moz-background-size:14px 14px;
		-webkit-background-size:14px 14px;
		-o-background-size:14px 14px;
		-ms-background-size:14px 14px;				
	}	
	
/* オレンジボタン */
	.end-container-inner a.button_ora{
		display:block;
		padding:12px 20px;
	    -moz-border-radius: 6px / 6px;
	    -webkit-border-radius: 6px / 6px;
	    border-radius: 6px / 6px;
	    text-align:center;
	    color:#FFF!important;
		font-size:14px;
		/*font-family: Uni-Sans-Regular;*/		
		margin-bottom:8px;
		background:url(../images/arrow_right_w.png) 98% 50% #ff5000 no-repeat ;
		background-size:14px 14px;	
		-moz-background-size:14px 14px;
		-webkit-background-size:14px 14px;
		-o-background-size:14px 14px;
		-ms-background-size:14px 14px;		
	}

/* ノーマル白ボタン */
	.end-container-inner a.button_whi {
		display:block;
		padding:12px 20px;
	    -moz-border-radius: 6px / 6px;
	    -webkit-border-radius: 6px / 6px;
	    border-radius: 6px / 6px;
	    text-align:center;
	    color:#333!important;
	    border:solid 1px #CCC;
		font-size:14px;
		/*font-family: Uni-Sans-Regular;*/		
		margin-bottom:8px;
		background:url(../images/arrow_right_b.png) 98% 50% #FFF no-repeat ;
		background-size:14px 14px;	
		-moz-background-size:14px 14px;
		-webkit-background-size:14px 14px;
		-o-background-size:14px 14px;
		-ms-background-size:14px 14px;
	}

/* 閉じるボタン */
	.end-container-inner .button_close{
		display:block;
	    width: 30px;
	    height: 30px;
	    background: #fff;
	    position: absolute;
	    top: -10px;
	    right: -14px;
	    -moz-border-radius: 50% / 50%;
	    -webkit-border-radius: 50% 50%;
	    border-radius: 50% / 50%;
	    cursor: pointer;
	    color: #666;
	    line-height: 24px;
	    text-align: center;
	    font-size: 24px;
	    font-weight: bold;
	}

/* LIKEボタン */
	.end-container-inner i{
		-moz-border-radius: 50% / 50%;
		-webkit-border-radius: 50% 50%;
		border-radius: 50% / 50%;
		border:2px solid #ED7626;
		display:block;
		width:60px;
		height:60px;
		line-height:60px;
		margin:10px auto 20px;
	}
	
	.end-container-inner i img{
		width: 40px;
		height:40px;
		padding:10px;
	}
	.end-container-inner i img:hover{
		opacity: .8;
	}
	.end-container-inner i.off{
		border:2px solid #999;
	}
	.end-container-inner i.off img:hover{
		opacity:1;
	}
	
/* SNSボタンエリア */
	.sns-block{
		margin-bottom:20px;
	}

/* コメントフォーム */
	.end-container-inner textarea{
		border-color:#e4e4e3;
		height:100px;
		width:100%;
		padding:10px;
		box-sizing: border-box;
		resize:none;
		box-shadow: none;
	}
	.end-container-inner input[type="button"]{
		background: #000;
		color:#fff;
		padding:10px 15px;
		border:none;
		box-shadow: none;
		cursor:pointer;
		margin-top:10px;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;		
	}
	.end-container-inner input[type="button"]:hover{opacity:.8;}

/* バナーエリア */
	.end-container-inner ul.banner{
		list-style-type:none;
		padding:0!important;
		margin:0 auto 0 auto;
	}

	.end-container-inner ul.banner li{
		width:33%;
		box-sizing:border-box;
		padding:2px;
		float:left;
	}
	.end-container-inner ul.banner li img{
		border:solid 1px #CCC;
	}	
	

/*********************************************
 * スマホ表示
 *********************************************/

@media screen and (max-width: 800px) {
	
	#menubar{ padding:4px; }
	
	#menubar .left-area{ width:58%; }
	#menubar .right-area{  }

	#menubar .left-area .menubar-meta-title{
		width:76%;
		font-size:1.2em;
		padding:2px 0 0 24px;
	}	
	
	

	#menubar ul.menubar-buttons{ float:none; max-width:100%;}
	
	#menubar ul.menubar-buttons li { margin-left: 10px; }
	
	#menubar .left-area .logo{ display:none; }
	#menubar .left-area .logo_sp{ display:block; }
	
	#menubar-bottom .left-area{ width:100%; }
	#menubar-bottom .right-area{ width:100%; }


	.info-container-inner{
	width:86%;
	height:80%;
	top:13%;
	left:7%;
	right:7%;
	bottom:7%;
}

	.info-meta-container .meta-title{ font-size:3.0em; max-width:80%; }
	.info-meta-container .meta-author{ font-size:2.0em; }
	

	.end-container-inner ul.banner li{
		width:50%;
	}	
	

} /* @media */


@media screen and (max-width: 1000px) {
	
	.end-container-inner{
		padding:4% 4%;		
		width:88%;
		height:86%;
		top:10%;
		left:6%;
	}
	

} /* @media */


/*********************************************
 * LAYOUT MODULE
 *********************************************/

.clearfix {
	min-height: 1px;
}	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	
.fl{ float:left; }
.fr{ float:right; }
	
	
/*********************************************
 * DESIGN MODULE
 *********************************************/
 
 .red { color:#FF0000; }