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

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}

body.fixed .menu_fix {
	margin-bottom:100px;
}

body.fixed #Menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* ページトップ */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}
#page-top a {
	background: #eb6d9a;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff3980;
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 全体・枠作り */

html,body {
  height:100%;
}

body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:#fafafa;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url(../img/bg_white.jpg) left top repeat;
}

#Entrance {
	background:url(../img/entrance.png) center 100px no-repeat;
	padding-top:100px;
	width:610px;
	height:510px;
	position:relative;
	margin:0 auto;
}

.enter {
	width:111px;
	height:110px;
	position:absolute;
	left:150px;
	top:415px;
}

.leave {
	width:111px;
	height:110px;
	position:absolute;
	left:349px;
	top:415px;
}

header {
	width:100%;
	height:145px;
	background:#FFF;
}

.head_title {
	width:1000px;
	height:60px;
	margin:0 auto;
}

#Brand {
	width:127px;
	height:60px;
	display:block;
	float:left;
	margin-right:636px;
}

#Brand h1 {
	display:none;
}

#Brand_txt {
	width:237px;
	height:60px;
	background:url(../img/head_txt.png) center center no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.head_line {
	width:100%;
	height:3px;
	background:url(../img/header_line.png) left top repeat-x;
}

#Menu {
	width:1000px;
	height:60px;
	margin:22px auto 0;
}

#Menu ul li {
	float:left;
}

.shadow_top {
	background:url(../img/shadow_top.png) left top repeat-x;
	width:100%;
	height:19px;
}


#Mainvisual_area {
	width:100%;
	height:566px;
	padding-bottom:14px;
	background:url(../img/bg_wood.jpg)
}

#Mainvisual {
	width:1000px;
	height:400px;
	padding:5px;
	margin:0 auto;
	background:url(../mainvisual/mainvisual_bg.png) center top no-repeat;
}

#Main_Select {
	width:1010px;
	margin:14px auto 12px;
}

#Main_Select ul li{
	width:318px;
	height:110px;
	padding:5px;
	background:url(../mainvisual/select_bg.png) center top no-repeat;
	float:left;
}

.shadow_bottom {
	background:url(../img/shadow_bottom.png) left top repeat-x;
	width:100%;
	height:5px;
}

article {
	width:100%;
	background:url(../img/bg_white.jpg) left top repeat;
	padding-top:24px;
	padding-bottom:146px;
}

.contents_holder {
	width:1000px;
	margin:0 auto;
}

.left_side {
	float:left;
	width:659px;
	margin-right:23px;
}

.title_news {
	width:659px;
	height:50px;
	background:url(../img/head_news.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.title_twitter {
	width:659px;
	height:50px;
	background:url(../img/head_twitter.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.left_side_body {
	width:635px;
	padding:12px;
	background:url(../img/leftside_bg.png) left top repeat-y;
	border-bottom:1px solid #ffe4e4;
	margin-bottom:24px;
}

.rireki_box {
	width:635px;
	background:url(../img/rireki_hr.png) left bottom no-repeat;
	margin-bottom:24px;
}

.rireki_image {
	width:150px;
	height:150px;
	margin-right:8px;
	padding-bottom:24px;
	float:left;
}

.rireki_txt {
	width:477px;
	float:left;
}

p.date {
	background:url(../img/rireki_date.png) left top no-repeat;
	height:15px;
	padding-left:72px;
	margin-bottom:4px;
	font-size:1.2em;
	color:#939393;
	line-height:15px;
	display:block;
	text-align:left;
}

p.title {
	background:url(../img/rireki_title.png) left top no-repeat;
	height:20px;
	padding-left:72px;
	margin-bottom:16px;
	font-size:1.5em;
	color:#ff7a7a;
	font-weight:bold;
	line-height:20px;
	display:block;
	text-align:left;
}

p.title a {
	color:#ff7a7a;
	text-decoration:none;
}

p.title a:hover {
	color:#ff7a7a;
	text-decoration:underline;
}

p.explain {
	font-size:1.3em;
	color:#6f6f6f;
	text-align:left;
}

p.explain a {
	color:#ff7a7a;
	text-decoration:none;
}

p.explain a:hover {
	color:#ff7a7a;
	text-decoration:underline;
}

.backlog_box {
	width:635px;
	height:12px;
	position:relative;
}

.backlog {
	width:147px;
	height:25px;
	position:absolute;
	left:488px;
	top:-13px;
}

.right_side {
	float:left;
	width:318px;
}

.title_product {
	width:318px;
	height:50px;
	background:url(../img/head_product.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.title_brand {
	width:318px;
	height:50px;
	background:url(../img/head_brand.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.title_comic {
	width:318px;
	height:50px;
	background:url(../img/head_comic.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.right_side_body {
	width:294px;
	padding:12px;
	background:url(../img/rightside_bg.png) left top repeat-y;
	border-bottom:1px solid #ffe4e4;
	margin-bottom:24px;
}

.product_box {
	margin-top:12px;
	margin-bottom:12px;
}

.product_box img {
	display:box;
	float:left;
}

.comic_box {
	width:294px;
	height:500px;
	margin-bottom:12px;
	background:url(../webcomic/newest.jpg) center top no-repeat;
	background-size:cover;
}

.comic_foot {
	width:294px;
	height:25px;
	position:relative;
}

.comic_foot p {
	font-size:1.3em;
	color:#6f6f6f;
	text-align:left;
	line-height:25px;
}

.comic_foot p a {
	color:#ff7a7a;
	text-decoration:none;
}

.comic_foot p a:hover {
	color:#ff7a7a;
	text-decoration:underline;
}

.comic_log {
	width:147px;
	height:25px;
	background:#FFF;
	position:absolute;
	top:0;
	left:147px;
}

footer {
	width:100%;
	margin:0 auto;
	height:110px;
	padding-top:25px;
	background:url(../img/foot_bg.png) left top repeat;
	position: absolute;
	bottom: 0;
	*left:-1px;
}

.foot_contents {
	width:1000px;
	height:86px;
	margin:0 auto;
	padding-top:24px;
}

.banner {
	width:200px;
	height:40px;
	background:#FFF;
	margin-left:800px;
}

.copyright {
	width:200px;
	height:15px;
	margin-left:800px;
	color:#FFF;
}

* html footer {
	bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}

/* コンテンツ */


h2 {
	width:1000px;
	height:50px;
	text-indent:-9999px;
	margin:0 auto;
	overflow:hidden;
}

#Product h2 {background:url(../img/head_product_large.png) left top no-repeat; margin-bottom:28px;}
#Support h2 {background:url(../img/head_support.png) left top no-repeat; margin-bottom:28px;}
#Comic h2 {background:url(../img/head_comic_large.png) left top no-repeat; margin-bottom:28px;}
#Link h2 {background:url(../img/head_link.png) left top no-repeat; margin-bottom:28px;}

#Kimikoi_campaign h2 {background:url(../img/head_kimikoi_material.png) left top no-repeat; margin-bottom:28px;}

#Kimikoi_campaign h4 {
	width:1000px;
	height:50px;
	text-indent:-9999px;
	margin:64px auto;
	overflow:hidden;
	background:url(../img/head_kimikoi_chance.png) left top no-repeat;
	margin-bottom:28px;
}


#Product {
	padding-top:18px;
	padding-bottom:146px;
}

#Support {
	padding-top:18px;
	padding-bottom:146px;
}

#Kimikoi_campaign {
	padding-top:18px;
	padding-bottom:146px;
}

#Comic {
	padding-top:18px;
	padding-bottom:146px;
}

#Link {
	padding-top:18px;
	padding-bottom:146px;
}

/* 製品情報 */

.title_box {
	background:url(../img/title_back.png) center top no-repeat;
	width:100%;
	height:300px;
	padding:5px 0;
	margin-bottom:22px;
}

.product_fainttone {
	background:url(../img/title_fainttone.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_aisare {
	background:url(../img/title_aisare.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_kimikoi {
	background:url(../img/title_kimikoi.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_kouhai {
	background:url(../img/title_kouhai.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_vampire {
	background:url(../img/title_vampire.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_darkelf {
	background:url(../img/title_darkelf.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_baaicc {
	background:url(../img/title_baaicc.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_iegami01 {
	background:url(../img/title_iegami01.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_iegami02 {
	background:url(../img/title_iegami02.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_iegami03 {
	background:url(../img/title_iegami03.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_iegamiCC {
	background:url(../img/title_iegamiCC.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_ayakasi01 {
	background:url(../img/title_ayakasi01.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_ayakasi02 {
	background:url(../img/title_ayakasi02.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_ayakasi03 {
	background:url(../img/title_ayakasi03.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_ayakasicc {
	background:url(../img/title_ayakasicc.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_bellaca01 {
	background:url(../img/title_bellaca01.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_bellaca02 {
	background:url(../img/title_bellaca02.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_bellaca03 {
	background:url(../img/title_bellaca03.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_bellacacc {
	background:url(../img/title_bellacacc.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_vtuber01 {
	background:url(../img/title_vtuber01.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_vtuber01 {
	background:url(../img/title_vtuber01.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_vtuber02 {
	background:url(../img/title_vtuber02.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_vtuber03 {
	background:url(../img/title_vtuber03.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_vtubercc {
	background:url(../img/title_vtubercc.png) center top no-repeat;
	width:1000px;
	height:300px;
	margin:0 auto;
}

.product_image {
	float:left;
	width:500px;
	height:300px;
}

.product_text {
	float:left;
	width:500px;
	height:300px;
	color:#FFF;
	text-align:left;
}

.product_text h3 {
	font-size:2em;
	font-weight:bold;
	padding:24px 0 0 24px;
}

.product_text p {
	font-size:1.5em;
	line-height:2;
	padding:12px 0 0 24px;
}

/* サポート */

.support_box {
	width:1000px;
	margin:0 auto 32px;
}

.support_box h3 {
	font-size:1.8em;
	width:1000px;
	height:30px;
	line-height:20px;
	border-bottom:2px solid #ff7a7a;
	color:#ff7a7a;
	text-align:left;
}

.support_box p {
	width:1000px;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
	padding-top:16px;
}

span.red {
	color:#FF0004;
}

.support_box a {
	height:30px;
	background:#ff7a7a;
	color:#FFF;
	padding:4px 15px;
	text-decoration:none;
}

.support_box a:hover {
	background:#ffd2d2;
	color:#ff7a7a;
}

#Support h4 {
	width:1000px;
	height:50px;
	text-indent:-9999px;
	margin:64px auto;
	overflow:hidden;
	background:url(../img/head_contact.png) left top no-repeat;
	margin-bottom:28px;
}

.contact_box {
	width:1000px;
	margin:0 auto 32px;
}

.contact_box p {
	width:1000px;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
	padding-top:16px;
}

.banner_form {
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	color:#a40000;
}

.banner_form table {
	width:1000px;
	margin:0 auto;
	border:1px solid #ffffff;
}

.banner_form table th {
	border-bottom:1px dotted #ff7a7a;
	padding:10px;
}

.banner_form table td {
	border-bottom:1px dotted #ff7a7a;
	padding:10px;
}

.formline1 input {
	padding:2px;
	height:20px;
	color:#424242;
	border:solid 1px #ccc;
	margin:16px 0 16px;
	width:400px;
	-moz-box-shadow: inset 1px 2px 5px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 2px 5px -3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 2px 5px -3px rgba(0,0,0,0.5);
}

.formline1 input:focus {
    border:solid 1px #ff7a7a;
}

.formline1 textarea {
	padding:2px;
	color:#aaa;
	border:solid 1px #ccc;
	margin:16px 0 16px;
	min-width:500px;
	max-width:550px;
	-moz-box-shadow: inset 1px 2px 5px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 2px 5px -3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 2px 5px -3px rgba(0,0,0,0.5);
}

.formline1 textarea:focus {
    border:solid 1px #ff7a7a;
}

.enquete_button {
	text-align:center;
	padding-top:20px;
}

.con_reset {
	border:solid 1px #ccc;
	padding:15px 30px;
	margin:0 36px 20px 0;
	font-family:Arial, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.con_reset:hover {
	background-color:#bebebe;
}

.con_submit {
	border:solid 1px #ccc;
	padding:15px 30px;
	margin:0 0 20px;
	font-family:Arial, sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	background-color:#ff7a7a;
	cursor:pointer;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.con_submit:hover {
	background-color:#d13636;
}

.formline1 span {
	font-size:75%;
	color:#FF0004;
	font-weight:100;
}

.commentbox {
	width:900px;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
}

.link_box {
	width:1000px;
	margin:0 auto 32px;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
	padding-top:16px;
}

.link_box dl {
	margin-bottom:24px;
}

.link_box dl dt {
	float:left;
	width:144px;
	padding:3px;
	margin-bottom:6px;
	background-color:#ff7a7a;
	color:#FFF;
	text-align:center;
}

.link_box dl dd {
	float:left;
	width:830px;
	padding:3px 10px;
	margin-bottom:6px;
}

.link_box h3 {
	font-size:120%;
	width:1000px;
	height:30px;
	line-height:20px;
	margin-top:36px;
	border-bottom:2px solid #ff7a7a;
	color:#ff7a7a;
	text-align:left;
}

.softhouse_banner {
	width:200px;
	padding:25px;
	text-align:center;
	float:left;
}

.comic_wrap {
	width:1000px;
	margin:0 auto 32px;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
}

.comic_wrap h3 {
	font-size:120%;
	width:1000px;
	height:30px;
	line-height:20px;
	border-bottom:2px solid #ff7a7a;
	color:#ff7a7a;
	text-align:left;
}

.koma {
	width:180px;
	height:180px;
	padding:10px;
	float:left;
}

.koma_wrap {
	margin:24px 0 36px;
}

.koma dl {
	display: table;
}

.koma dl dt {
	width:40px;
	height:40px;
	display: table-cell;
	vertical-align: middle;
	background-color:#ff7a7a;
	color:#FFF;
	text-align:center;
}

.koma dl dd {
	width:130px;
	height:40px;
	display: table-cell;
	vertical-align: middle;
	padding-left:10px;
	background-color:#FFF;
	font-size:55%;
}

.c88 {
	background:url(../c88/c88.png) left top no-repeat;
	width:980px;
	height:980px;
	margin:0 auto 48px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.giga {
	width: 300px;
	height: 100px;
	position: absolute;
	left: 601px;
	top: 607px;
}
.giga2 {
	width:300px;
	height:100px;
	position:absolute;
	left:339px;
	top:923px;

}

.giga a:hover {
	position:relative;
	left:0;
	top:3px;
}
.giga2 a:hover {
	position:relative;
	left:0;
	top:3px;
}
.taiou {
	width:260px;
	height:30px;
	position:absolute;
	left:690px;
	top:939px;
}

.taiou a:hover {
	position:relative;
	left:0;
	top:3px;
}

.c89 {
	background:url(../c89/c89.png) left top no-repeat;
	width:980px;
	height:1450px;
	margin:0 auto 48px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
.sale {
	width: 980px;
	margin: 0 auto 48px;
	overflow: hidden;
	position: relative;
	background-image: u;
	border-radius: 5px;
}
.sale_header   {
	background: url(../sale/head.png) left top no-repeat;
	overflow: hidden;
	width: 990px;
	height: 400px;
	margin-bottom: 10px;
}
.dlsitesale_header   {
	background: url(../sale/dlsitehead.png) left top no-repeat;
	overflow: hidden;
	width: 990px;
	height: 400px;
	margin-bottom: 10px;
}
.sale_titol {
	width: 1000px;
	height: 300px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	background-color: #272727;
}

.sale_titol a:link{
	color: #FF46A7
}
.sale_titol a:visited{
	color: #AB246B
}