@charset "utf-8";

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 
#wrapper{background-color:#000;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
#sns{ width: 100%; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin: 40px 0 0; text-align: center; padding: 10px 0;}

#snow{ position: absolute; height: 500px; width: 70%; background-image: url('../img/snow01.png'), url('../img/snow02.png'), url('../img/snow03.png'); -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; z-index: 500;}

a.masterpresent{display:inline-block; background-color:#09F; padding:2px 8px; color:#FFF!important; border-radius:8px; font-size:60%; text-indent:0; margin: 0.3%;}
a:hover.masterpresent{ background-color:#ff0000!important; text-decoration:none!important;}

.masterlist{ width:90%; padding:5%; display: flex; flex-wrap: wrap;}
.masterlist dl{ display:inline-block; padding:2%; border: solid 2px #FF3399; border-radius: 20px; margin: 0.7%; background-color: rgba(255, 255, 255, 1);}
.masterlist dt{ font-weight:bold; color:#F36;}
.masterlist dd{ padding: 10px;}

.opp{ filter:alpha(opacity=30)!important; -moz-opacity: 0.3!important; opacity: 0.3!important;}
.async-hide { opacity: 0 !important}

/*----------------------------------------
 style
----------------------------------------*/


.AccordionPanel{ margin: 0 auto 10px; padding: 1% 0; text-align:center; border: solid 1px #fbaaf0; border-radius: 10px; background-color: #fff4fe; position:relative; }
.AccordionPanelTab{ font-weight: 600; color: #fa41a9; font-size: 130%;}
.AccordionPanelTab:after { content: '▼'; display: block; color: #fa41a9; font-size: 16px; position: absolute; top: 10px; right: 15px;}
.AccordionPanelOpen .AccordionPanelTab:after { content: '×';}

@media screen and (min-width: 640px) {
 
h2{ display: block; width: 100%; margin: 30px auto; padding-bottom: 17px; border-bottom: solid 1px #ff3399;}
h3{ margin:20px 0 15px 8px;}
.flex-next{display:block!important;}
.flex-prev{display:block!important;}

.masterlist dd img{ max-width:79px; padding-bottom:5px;}

#toppage{ background-image:url(../img/bg_top.jpg); background-repeat:repeat-x;}
.wrap{min-width:0!important; }
#card{ width: 100%; margin: 0 auto; position: relative;}
#card .inner{ position: relative;}
.box{ position: relative; width: 31.9%; background-color: #fff; display: block; margin: 0 0.6% 1.36% 0.6%; float: left; border-top: 1px solid #f9d1d3; border-right: 1px solid #f9d1d3; border-left: 1px solid #ee7d86; border-bottom: 1px solid #ee7d86; background-image:url(../img/boxshadow.jpg); background-repeat:no-repeat; background-position:bottom center; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */}
a.box{color:#000;}
#tophead{ display:none;}
#mainshadow{ width:985px; margin:0 auto; height:7px; background-image:url(../img/mainshadow.jpg);}
#main { overflow: hidden; width: 985px; margin: 0 auto;}

.box:hover{filter:alpha(opacity=25);-moz-opacity:0.7;opacity:0.7;}
.box .tags{ position:absolute; width:25%; top:-5px; left:-5px;}
.box img{width:100%;}
.box .title{display:block;margin-top:9px;font-size:20px;font-weight:500;height:65px;padding:0 10px 0;text-align:center;}
.box .info{ text-align: left; display: block; margin-top: 8px;font-size: 14px; height: 85px;padding: 0 10px 15px 15px; line-height: 140%;}
.box .info .date{ color:#bba2a2; font-size:12px; padding-bottom:5px;}
.box .info span{ color:#f69; }
.box .tag{border-top:1px solid #ddd;text-align:left;display:block;margin:8px 10px 0px;font-size:13px;height:65px;line-height:140%;}

.clearfix{clear:both;}

.box_hover{content: "";display:block;position:absolute;background-color:#000;width: 100%;height: 200px;z-index:10; }
#card .tag .inner{margin-left:-6px;}
.tag_box{font-size:10px;display:inline-block;background-color:#999;padding:0 8px 0;margin:5px 0px 0 5px;float:left;color:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; }

a:hover .commbox{ background-color: #fff7f7; border-color: #F69;}
.commbox{ border:solid 1px #CCCCCC; float:left; width:30.3%; margin:0% 0 1% 0.6%; padding:1%;}
.commbox img{ width:30%; float:left;}
.commbox .read{ display:block; float:right; width:65%; color:#000; font-size:13px;}
.commbox .read h4{ font-size:15px;}
.commbox .read span.tw{ padding:2px 5px; display:inline-block; background-color:#1DA8E2; font-size:10px; font-weight:bold; color:#FFF; margin-top:5px;}
.commbox .read span.fb{ padding: 2px 5px; display: inline-block; background-color: #39559F; font-size: 10px; font-weight: bold; color: #FFF; margin-top: 5px;}
.commbox .read span.yt{ padding: 2px 5px; display: inline-block; background-color: #cc0000; font-size: 10px; font-weight: bold; color: #FFF; margin-top: 5px;}
.commbox .read span.lin{ padding: 2px 5px; display: inline-block; background-color: #57bf37; font-size: 10px; font-weight: bold; color: #FFF; margin-top: 5px;}

#wrap-lv2{ padding: 120px 0 30px; width: 90%; margin: 0 auto; max-width:1000px;}
.title_sort{position:relative;font-size:28px;font-weight:300;text-align:left;margin:35px 0 8px;padding-left:3px;text-shadow: 0px -1px 1px #fff;color:#444;}
.line{height:5px;background-color:#d30100;box-shadow: 0px -1px 1px #eee;}
#alltitles a.box{}

#tab_categori{margin-top:70px;}
#tab_categori .other{font-size:22px;text-shadow: 0px -1px 1px #fff;}
#tab_categori a{font-size:11.8px;display:inline-block;background-color:#ddd;padding:0 8px 0;margin:0px 0px 5px 5px;float:left;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;color:#222;}
#tab_categori .inner{margin-left:0px;}
#tab_categori a:hover{background-color:#d30100;color:#fff;}
#tab_categori a.select{background-color:#d30100;color:#fff;}

.flex-viewport{overflow:visible!important;}
.flexslider li{ display: block; padding: 0;}

a.showItem{font-size:14px;display:inline-block;background-color:#eee;padding:0 8px 0;margin:0px 5px 5px 5px;float:left;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;color:#222;position:absolute;right:0;top:0;}
a.showItem:hover{background-color:#d30100;color:#fff;}
.loading{posiition:relative;display:block;margin:200px auto 0;}
a.select{background-color:#d30100;color:#fff;}

#footerBottomArea{background-color:#fff;}
.hide_pc{display:none;}
.hide_sp{display:block;}

.sliderPcview{ width: 985px; margin: 0 auto;}
#titlelogo{ margin:0 auto; width:985px; padding:20px 0 17px; position:relative;}
#titlelogo #notice{ position: absolute; right: 64px; top: 21px; width: 380px; text-align: right; font-size: 12px; color: #999;}
#titlelogo #notice a{ font-size:12px; color:#999;}
#titlelogo #notice a:hover{ color: #FF6699;}
#navi{ background-image: url(../img/bg_nabi.png); height: 60px; text-align: center;}
#navi #navicon{ width:1000px; margin:0 auto;}
#links ul{ list-style:none; margin-left:0.2%}
#links li{ margin: 0.3% 0.5% 0.3% 0.4%; float: left; width:24.1%;}
#links li img{ width:100%;}
#sns{ text-align: center; padding: 10px 0;}
#sns img{ margin:0 10px;}
#footer{ padding: 10px; font-size: 14px;}
#footer #copyright{ font-size: 11px; margin: 10px 0;}
#footer span{ float:right;}
#footer a{ color:#666;}
#footer a:hover{ color:#FF6699;}
#footer #ktlogo{ float:left;}
#footer #ktcopy{ float:right; margin-left:15px; padding-top:22px;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;}

#games{ }
#games .gamebox{ width: 182px; display: block; float: left; margin: 0 11px 40px 7px; position:relative; min-height:462px;}
#games .gamebox img{ width:100%; }
#games .gamebox .spec{ height:77px;}
#games .gamebox .get_game{ text-align: center; margin-top: 5px; margin-bottom:25px; display: flex; justify-content: center;}
#games .gamebox .get_game img{ width:98%; max-width:105px;}
#games .gamebox h4{ font-size:12px; margin:10px 0 5px; font-weight:bold; line-height:135%;}
#games .gamebox p{ font-size:12px; color:#888; line-height:130%;}
#games .tags{ position:absolute; width:25%; top:4px; left:-4px; z-index:1;}

#calendar{ width:100%; margin:0 auto 40px auto;}
#calendar h3{ font-weight: bold;  font-size: 28px;  border-bottom: solid 1px #f9d1d3;  margin: 0;  padding-bottom: 5px;}
#calendar dl{ font-size:15px; margin-bottom:40px;}
#calendar dt{ border-bottom:dotted 1px #ccc; padding:8px; float:left; color:#F69;}
#calendar dd{ border-bottom:dotted 1px #ccc; padding:8px; padding-left:20em;}
#calendar dd a{ color:#000;}
#calendar dd a:hover{ color: #FF6699;}

#stamp{ width:985px; margin:0 auto 40px auto; position:relative;}
#stamp .chara01{ position:absolute; right:0; top:285px;}
#stamp .chara02{ position:absolute; right:0;}
#stamp h2{ border-bottom:none; padding:20px 0; text-align:center;}
#stamp h2 img{ max-width:699px; width:100%;}
#stamp h3{ font-weight: bold;  font-size: 160%; margin: 0;  padding-bottom: 35px;}
#stamp h3 span{ color:#F07;}
#stamp h4{ font-weight: bold; font-size: 130%; border-bottom: solid 1px #ef51a4; margin: 40px 0 20px; padding: 15px 0 5px; color: #ff007f; text-indent:-0.5em;}
#stamp h4 span{ font-size:80%; color:#333;}
#stamp h5{ font-weight: bold; font-size: 190%; padding-bottom: 15px 0 5px; color: #ff007f;}
#stamp .arrow{ position:relative; left:15%; padding:15px 0 10px; width:60%;}
#stamp table{ width:96%; padding-bottom:10px; margin:30px auto;}
#stamp th{ text-align: left; font-weight: normal; width: 23%; border-bottom: dotted 1px #CCCCCC; padding: 3px 0;}
#stamp td{ width:47%; border-bottom:dotted 1px #CCCCCC; padding:3px 0; text-align:left;}
#stamp td.data{ width:30%; }
#stamp img.present_icon{ width:20px; padding-bottom:5px;}
#stamp .present_icon_notice{ font-size:80%; color:#666;}
#stamp td span{ display: inline-block; border: solid 1px #a21313; padding: 0 3px; background-color: crimson; color: #fff; font-size: 75%;}
#stamp a{ color:#F09;}
#stamp a:hover{ color: #FF6699; text-decoration:underline;}
#stamp dl{ font-size:15px; margin-bottom:60px; padding: 2%; display:block; background-color:#FCC; background-color: #ffe8e8;}
#stamp dt{ padding:3px 8px; float:left; font-weight:bold; color:#fff; display:block; background-color:#ff007f; }
#stamp dd{ padding:0 0 3px 0; padding-left:4.5em; padding-bottom:15px;}
#stamp dd span{ color:#f34aed; font-weight:bold; font-size:130%;}
#stamp .notice{ font-size:85%; color:#565252; text-indent: -1em; margin-left: 1em;}
#stamp .check{ font-size:85%; color:#565252; padding-top:5px; display:block;}
#stamp .eventbanners img{ width:32%; padding:0.5%;}
#stamp .qa{ padding:30px 0; margin:0 auto; width:90%; max-width:900px;}
#stamp .qa .leftside{ float: left; width: 15%; }
#stamp .qa .rightside{float:right; width:85%;}
#stamp .qa .leftside2{ float: left; width: 85%; }
#stamp .qa .rightside2{float:right; width:15%;}
#stamp .qa .leftside img{ width:100%;}
#stamp .qa .rightside2 img{ width:100%;}
#stamp .seal{ position:absolute; right:0; top:0;}

#stamp .talk1 , .talk2 { width:100%; position:relative; max-width: 800px;}
#stamp .talk1 .waku { position: relative; background: #fff; border: 3px solid #75dafd; padding:20px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:left; margin-left:15px; margin-top:30px;}
#stamp .talk2 .waku { position: relative; background: #fff; border: 3px solid #f97d7d; padding:20px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:left; width:93%; margin-top:30px;}
#stamp .talk1 .waku:after, .talk1 .waku:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
#stamp .talk2 .waku:after, .talk2 .waku:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
#stamp .talk1 .waku:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; top: 30px; margin-top: -10px;}
#stamp .talk1 .waku:before { border-color: rgba(64, 64, 64, 0); border-right-color: #75dafd; border-width: 14px; top: 30px; margin-top: -14px;}
#stamp .talk2 .waku:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 10px; top: 30px; margin-top: -10px;}
#stamp .talk2 .waku:before { border-color: rgba(64, 64, 64, 0); border-left-color: #f97d7d; border-width: 14px; top: 30px; margin-top: -14px;}
#stamp .talk1 .leftchara{ position:absolute; left:0;}
#stamp .talk2 .rightchara{ position:absolute; right:0;}

.masterlist h1{ width:90%; color:#F39; font-size:140%;}

#products{ width:100%; margin:0 auto 40px auto;}
#products ul{ list-style:none;}
#products li{ float: left; display: block; margin: 50px 0 0; text-align: center; width:24.2%;}
#products li img{ padding-bottom: 20px; width:100%;}
#products li span{ font-size: 14px; color: #999; line-height: 145%;}
#products li.angelot{}
#products li.miyako{ margin-left: 7px;}
#products li.fata{ margin-left: 7px;}
#products li.gc{ margin-left: 22px;}
#products #goods{ margin-top:0px;}
#products #goods li.left{ float:left; width:49.5%;}
#products #goods li.right{ float:right; width:49.5%;}
#products #goods li img{ padding-bottom:15px;}
#products #catalog ul{ list-style:none;}
#products #catalog li { margin:0; padding:0;}
#products #catalog li img{ padding-bottom:15px;}
#products #catalog li.book{ float:left;}
#products #catalog li.cd{ float:left; margin-left:7px;}
#products #catalog li.dvd{ float:right;}

#event{ width:100%; margin:0 auto; text-align:center;}
#event .big{ margin-bottom:7px; position:relative;}
#event .big .tags{ position:absolute; width:7%; top:-6px; left:-4px; z-index:1;}
#event .big .tags img{ border:none;}
#event .big img{ border:solid 1px #eeeeee; width:100%;}
#event ul{ list-style:none;}
#event li{ float:left; margin:7px;}

#community{ width:90%; margin:0 auto 15px auto; border:solid 1px #fcc; background-color:#fff7f7; padding:5%;}
#community ul{ list-style:none;}
#community li{ float:left; display:block; text-align:center; width:33.3%;}
#community li h4{ color:#000; font-weight:bold; font-size:18px; margin-bottom:20px;}
#community li h5{ font-size:13px; color:#999; line-height:145%; margin-top:10px; font-weight:normal;}
#community li img{ width:100%;}
#community #goods{ margin-top:40px;}
#communityspec{ width:100%; margin:0 auto;}
#communityspec .mailmagazin{ padding:41px 0;}
#communityspec .communitybox{ display: block; border: solid 1px #CCCCCC; float: left; width: 986px; margin: 0 6px; padding: 20px 0; text-align: center; background-image: url(../img/community/bg.gif);}
#communityspec .communitybox h4{ color: #000; font-weight: bold; font-size: 18px; margin-bottom: 20px; text-align: left; margin-left: 40px;}
#communityspec .communitybox h5{ font-size: 15px; color: #666; line-height: 145%; margin-top: 10px; font-weight: normal;}

.aboutneoromance{ background-image: url(../img/about/bg.jpg); background-repeat: no-repeat; background-position: center 120px;}
#about{ width: 100%; margin: 50px auto 40px auto; position: relative;}
#about h2{ font-size: 36px; color: #FF007F; font-weight: bold; text-align: center; width: 730px; line-height: 140%; border-bottom: none; margin-bottom: 20px; margin-top: 60px;}
#about h4{ text-align: center; font-size: 21px; color: #666666; line-height: 130%; padding-bottom: 40px; font-weight: normal; width: 100%; margin: 0 auto;}
#about h5{ font-weight: bold; font-size: 23px; margin: 30px 0 0 30px; color:#FF007F;}
#about h6{ font-weight: 500; font-size: 28px; margin: 0; padding-bottom: 5px; margin-left:30px;}
#about p{ font-size:16px; line-height:150%; color:#666; margin-left:30px;}
#about ul{ margin:30px; list-style:none;}
#about li{ float: left; margin: 0.5%; width:32.3%;}
#about li img{ width:100%;}
#about li.links a{ color:#f39; margin-top:15px; display:block; font-size:14px; font-weight:bold;}
#about li.links a:hover{ color: #FF6699; text-decoration:underline;}
#about #visual{ text-align:center; margin-bottom:40px;}
#about .games{ border: solid 1px #FF3399; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; background-image: url(../img/about/bg2.jpg); background-repeat:no-repeat;}

#magazine{ width:985px; margin:0 auto 40px auto; font-size:16px; line-height:150%;}
#magazine #content{ border: solid 1px #FF3399; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; margin-top: 30px; padding: 40px;}
#magazine #content a{ color:#F39;}
#magazine #content a:hover{ color:#F39; text-decoration:underline;}
#magazine #content h3{ font-weight: bold; font-size: 25px; margin: 0; padding-bottom: 12px; color:#ff007f}
#magazine #content h4{ font-weight: bold; font-size: 20px; margin: 0; padding-bottom: 5px; color:#ff007f}
#magazine #content #btn01{ text-align:center; margin:30px 0 50px 0;}
#magazine #content #btn02{ width:400px; float:left; border-right:solid 1px #CCCCCC; padding-right:52px;}
#magazine #content #btn03{ width:400px; float:right;}
#magazine #content .btns{ text-align:center; margin:20px 0 30px;}
#magazine #content .btns2{ text-align:center; margin:20px 0 30px;}
#magazine h5{font-size:16px; font-weight:bold;}
#magazine h6{font-size:14px; line-height:150%; font-weight:normal;}
#magazine h6 span{ color:#F39; font-weight:bold;}
#magazine #digest{ background-color: #eeeeee; padding: 30px; font-size: 15px; margin-top: 30px;}
#magazine #digest #title_digest{ font-weight: bold; font-size: 23px; margin-bottom: 10px; padding-bottom: 0px; color:#ff007f}
#magazine #digest a{ color:#000;}
#magazine #digest a:hover{ color:#000; text-decoration:underline;}
#magazine #digest #touroku{ float:left; width:180px; font-weight:bold;}
#magazine #digest #teishi{ float:left; width:200px; font-weight:bold;}

#minilogo{ position: absolute; right: 2px; top: 9px;}

#xmas2015{ background-color:#CA0000; color:#FFF; }
#xmas2015 .campaigntitle{ text-align: center; font-size: 24px; font-weight: bold; padding: 15px 0; color: #F9F6BB;}
#xmas2015 .shoplist{ padding:0px 40px 20px; line-height:1.6; font-size:15px;}
#xmas2015 .shoplist span{ color:#D9543B; }
#xmas2015 .shoplist .notice{ margin-top:15px; font-size:13px; color:#FCC;}

.masterlist dd .charablock{ display:inline-block; width:9em; vertical-align: text-top;}

.hidepc{ display:none;}
a.hidepc{ display:none;}
}


@media screen and (max-width: 639px) {

.masterlist{ font-size:80%;}
.masterlist dl{ width:100%; margin-bottom:10px;}
.masterlist dt{ text-indent:0.7em;}
.masterlist h1{ width:100%; color:#F39; font-size:130%; padding-bottom:10px;}

.masterlist dd img{ padding-bottom:5px; width:32%;}
.masterlist dd .charablock{ display:block; width:100%; vertical-align: text-top;}

h2{ display: block; width: 92%; margin: 25px auto 20px; padding-bottom: 7px; border-bottom: solid 2px #f69;}
h3{ margin: 20px 0 10px 4%;}
#titlelogo{ display:none;}
#titlelogo h1 img{ width:92%;}
#titlelogo #notice{ display:none;}
#navi{ display:none;}
#links { width:100%; margin:0 auto;}
#links ul{ list-style:none;}
#links li { margin:0.5%; float:left; width:49%;}
#links li img{width:100%;}
#sns img{ margin:0 3px;}
#footer{ padding: 10px; font-size: 14px;}
#footer a{ color:#666;}
#footer a:hover{ color:#FF6699;}
#footer #copyright{ font-size:12px; margin:10px 0;}
#footer span{ float: left; text-align: center; padding-top: 15px;}
#pagetop { bottom: 10px; right: 10px; position: fixed; z-index: 500; display:none!important;}
#footer #ktcopy{ padding-top:6px;}
#mainshadow{ width:100%; margin:0 auto; height:7px; background-image:url(../img/mainshadow.jpg);}

.flex-next{display:block!important;}
.flex-prev{display:block!important;}
#slider{ max-width: 100%; width: 100%; background-color: #fff; margin: auto; padding-bottom: 0px;}
#tophead{ padding: 5px 10px 5px 0; text-align: right; border-bottom: solid 1px #CCCCCC; background-color: #FF0C87; position: fixed; width: 100%; top: 0px; z-index: 1000;}
#tophead #neologo{ float: left; width: 70%; margin: 7px 0 0 7px;}
#tophead #neologo img{ width:100%;}
.wrap{min-width:0!important;}
#card{ width: 98%; margin: 0 auto; position: relative;}
#card .inner{ position: relative;}
.box{ position: relative; width: 47%; background-color: #fff; display: block; margin: 1.36% 1% 0.7%; float: left; min-height:245px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */}
a.box{color:#000; border:solid 1px #eee;}

.box:hover{filter:alpha(opacity=25);-moz-opacity:0.7;opacity:0.7;}
.box img{width:100%;}
.box .tags{ position:absolute; width:35%; top:-5px; left:-5px;}
.box .title{display:block;margin-top:9px;font-size:20px;font-weight:500;height:65px;padding:0 10px 0;text-align:center;}
.box .info{ text-align: left; display: block; margin-top: 0px; font-size: 13px; padding: 3%; line-height: 140%;}
.box .info .date{ color:#bba2a2; font-size:11px;}
.box .info span{ color:#f69; }
.box .tag{border-top:1px solid #ddd;text-align:left;display:block;margin:8px 10px 0px;font-size:13px;height:65px;line-height:140%;}

.clearfix{clear:both;}

.box_hover{content: "";display:block;position:absolute;background-color:#000;width: 100%;height: 200px;z-index:10; }
#card .tag .inner{margin-left:-6px;}
.tag_box{font-size:10px;display:inline-block;background-color:#999;padding:0 8px 0;margin:5px 0px 0 5px;float:left;color:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; }
#slider{ position: relative; padding: 0 auto; overflow: hidden;}

#wrap-lv2{ padding: 110px 0 30px; width: 100%; margin: 0 auto;}
.title_sort{position:relative;font-size:28px;font-weight:300;text-align:left;margin:35px 0 8px;padding-left:3px;text-shadow: 0px -1px 1px #fff;color:#444;}
.line{height:5px;background-color:#d30100;box-shadow: 0px -1px 1px #eee;}
#alltitles a.box{}
#tab_categori{margin-top:70px;}
#tab_categori .other{font-size:22px;text-shadow: 0px -1px 1px #fff;}
#tab_categori a{font-size:11.8px;display:inline-block;background-color:#ddd;padding:0 8px 0;margin:0px 0px 5px 5px;float:left;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;color:#222;}
#tab_categori .inner{margin-left:0px;}
#tab_categori a:hover{background-color:#d30100;color:#fff;}
#tab_categori a.select{background-color:#d30100;color:#fff;}

.flex-viewport{overflow:visible!important;}
.flexslider li{ display: block; padding: 0;}

a:hover .commbox{ background-color: #fff7f7; border-color: #F69;}
.commbox{ border:solid 1px #CCCCCC; float:left; width:95%; margin:1%; padding:1%;}
.commbox img{ width:30%; float:left;}
.commbox .read{ display:block; float:right; width:65%; color:#000; font-size:13px;}
.commbox .read h4{ font-size:15px;}
.commbox .read span.tw{ padding:2px 5px; display:inline-block; background-color:#1DA8E2; font-size:10px; font-weight:bold; color:#FFF; margin-top:5px;}
.commbox .read span.fb{ padding: 2px 5px; display: inline-block; background-color: #39559F; font-size: 10px; font-weight: bold; color: #FFF; margin-top: 5px;}
.commbox .read span.yt{ padding: 2px 5px; display: inline-block; background-color: #cc0000; font-size: 10px; font-weight: bold; color: #FFF; margin-top: 5px;}
.commbox .read span.lin{ padding: 2px 5px; display: inline-block; background-color: #57bf37; font-size: 10px; font-weight: bold; color: #FFF; margin-top: 5px;}

a.showItem{font-size:14px;display:inline-block;background-color:#eee;padding:0 8px 0;margin:0px 5px 5px 5px;float:left;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;color:#222;position:absolute;right:0;top:0;}
a.showItem:hover{background-color:#d30100;color:#fff;}
.loading{posiition:relative;display:block;margin:200px auto 0;}
a.select{background-color:#d30100;color:#fff;}
#footerBottomArea{background-color:#fff;}

.sliderPcview{ width: 100%; margin: 0 auto;}

.flex-next{display:none!important;}
.flex-prev{display:none!important;}

.hide_pc{display:block;}
.hide_sp{display:none;}
a.hidesp{ display:none;}

#games{ width:92%; margin:0 auto;}
#games .gamebox{ width: 100%; display: block; float: left; margin: 0 3px 15px 0px; display: block; text-align: center; position:relative; border-bottom: solid 1px #ccc; padding-bottom: 15px;}
#games .gamebox img{ width:30%; float:left; padding-right:10px;}
#games .gamebox h4{ font-size: 13px; margin: 10px 0 5px; font-weight: bold; line-height: 135%; text-align: left;}
#games .gamebox p{ font-size: 12px; color: #888; line-height: 130%; text-align: left;}
#games .gamebox .get_game{ padding-top: 10px; width: 80%;}
#games .gamebox .get_game a img{ padding-bottom: 5px;}
#games .tags{ position:absolute; width:55%; top:-7px; left:-1%; z-index:1;}

#calendar{ width:92%; margin:0 auto 40px auto;}
#calendar h3{ font-weight:bold; font-size:28px; border-bottom:solid 1px #FF3399; margin:0; padding-bottom:5px;}
#calendar dl{ font-size:15px; margin-bottom:40px;}
#calendar dt{ padding:8px 0 0 0; color:#F69}
#calendar dd{ border-bottom:dotted 1px #ccc; padding:2px 0 8px 0; }
#calendar dd a{ color:#000;}
#calendar dd a:hover{ color: #FF6699;}

#stamp{ width:90%; margin:0 auto 40px auto;}
#stamp h2{ text-align:center; border-bottom:none; padding:40px 0;}
#stamp h2 img{ max-width:548px; width:100%;}
#stamp h3{ font-weight: bold;  font-size: 112%; margin: 0;  padding-bottom: 20px;}
#stamp h3 span{ color:#F07;}
#stamp h4{ font-weight: bold; font-size: 130%; border-bottom: solid 1px #f9d1d3; margin: 0px 0 15px; padding: 15px 0 5px; color: #ff007f; text-indent:-0.5em;}
#stamp h4 span{ font-size: 69%; color: #333; display:block; text-indent:0.1em;}
#stamp h5{ font-weight: bold; font-size: 110%; padding-bottom: 15px 0 5px; color: #ff007f;}
#stamp table{ width:90%; padding-bottom:10px; margin: 0 5%; text-align: left;}
#stamp tr{ display:block; padding-bottom:15px; border-bottom:solid 1px #cac3c3; padding-top:10px;}
#stamp th{ text-align:left; font-weight:normal; display:block; width:100%; padding:3px 0;}
#stamp td{ width:100%; display:block;  padding:3px 0; font-size:90%; line-height:1.3;}
#stamp td.data{ margin-top:5px; padding-top:5px;}
#stamp img.present_icon{ width:20px; padding-bottom:5px;}
#stamp .present_icon_notice{ font-size:80%; color:#666;}
#stamp td span{ display: inline-block; border: solid 1px #a21313; padding: 0 3px; background-color: crimson; color: #fff; font-size: 75%;}
#stamp .arrow{ position:relative; left:40%; padding:10px 0; width:50%;}
#stamp a{ color:#F09;}
#stamp a:hover{ color: #FF6699; text-decoration:underline;}
#stamp dl{ font-size:15px; margin-bottom:40px; border: solid 1px #f9d1d3; background-color: #fbe2d8; padding: 2% 3%;}
#stamp dt{ padding:3px 0; float:left; font-weight:bold; color:#F09;}
#stamp dd{ padding:3px 0 15px; padding-left:4em; font-size:90%;}
#stamp dd span{ color:#f34aed; font-weight:bold; font-size:130%;}
#stamp .notice{ font-size:85%; color:#888; text-indent: -1em; margin-left: 1em;}
#stamp .check{ font-size:85%; color:#b3adad; padding-top:5px; display:block; line-height:1.5;}
#stamp .eventbanners img{ width:90%; padding:1% 5%;}
#stamp .qa{ padding:10px 0 30px; margin:0 auto; width:100%; max-width:900px;}
#stamp .qa .leftside{ float: left; width: 25%; }
#stamp .qa .rightside{float:right; width:75%;}
#stamp .qa .leftside2{ float: left; width: 75%; }
#stamp .qa .rightside2{float:right; width:25%;}
#stamp .qa .leftside img{ width:100%;}
#stamp .qa .rightside2 img{ width:100%;}
#stamp .seal{ text-align:center; padding-top:10px;}

#stamp .talk1 , .talk2 { width:100%; position:relative; max-width: 800px;}
#stamp .talk1 .waku { position: relative; background: #fff; border: 3px solid #75dafd; padding:5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:left; margin:10px 0 15px 15px; font-size:90%;}
#stamp .talk2 .waku { position: relative; background: #fff; border: 3px solid #f97d7d; padding:5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-align:left; width:88%; margin:10px 0 25px 0; font-size:90%;}
#stamp .talk1 .waku:after, .talk1 .waku:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
#stamp .talk2 .waku:after, .talk2 .waku:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
#stamp .talk1 .waku:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; top: 30px; margin-top: -10px;}
#stamp .talk1 .waku:before { border-color: rgba(64, 64, 64, 0); border-right-color: #75dafd; border-width: 14px; top: 30px; margin-top: -14px;}
#stamp .talk2 .waku:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 10px; top: 30px; margin-top: -10px;}
#stamp .talk2 .waku:before { border-color: rgba(64, 64, 64, 0); border-left-color: #f97d7d; border-width: 14px; top: 30px; margin-top: -14px;}
#stamp .talk1 .leftchara{ position:absolute; left:0;}
#stamp .talk2 .rightchara{ position:absolute; right:0;}

#products{ width:98%; margin:0 auto 40px auto;}
#products ul{ list-style:none;}
#products li{ display: block; margin: 25px 0.5% 0; text-align: center; padding-bottom: 5px; border-bottom: dotted 1px #fff; width: 49%; float: left;}
#products li img{ padding-bottom: 10px;}
#products li span{ font-size: 13px; color: #999; line-height: 145%;}
#products li.angelot img{ width: 100%;}
#products li.miyako img{ width: 100%;}
#products li.fata img{ width: 100%;}
#products #goods{ margin-top:40px;}
#products #goods img{ width:100%;}
#products #catalog ul{ list-style:none;}
#products #catalog li { margin-bottom:20px; padding:0; border:none;}
#products #catalog li img{ padding-bottom:15px; width:100%;}


#event{ width:92%; margin:0 auto; text-align:center;}
#event .big{ margin-bottom:7px; position:relative;}
#event .big .tags{ position:absolute; width:25%; top:-6px; left:-5px; z-index:500;}
#event .big .tags img{ border:none;}
#event .big img{ border:solid 1px #eeeeee;}
#event .big img{ width:100%;}
#event ul{ list-style:none;}
#event li{ margin:7px 0;}
#event li img{ width:100%;}

#community{ width: 92%; margin: 0 auto; padding: 25px 0px 0px;}
#community ul{ list-style:none;}
#community li{ float: left; display: block; margin: 0 0 30px 0; text-align: center; width: 100%; border-bottom:dotted 1px #CCCCCC; padding-bottom:20px;}
#community li h4{ color:#000; font-weight:bold; font-size:18px; margin-bottom:20px;}
#community li h5{ font-size:13px; color:#999; line-height:145%; margin-top:10px; font-weight:normal;}
#community li img{ width:80%;}
#community li img.twitter{ margin: 10px 0; width:50%;}
#community li img.bbs{ margin: 10px 0;}
#community #goods{ margin-top:40px;}
#communityspec{ width: 92%; margin: 0 auto;}
#communityspec img{ width: 100%;}
#communityspec .communitybox{ display: block; border-bottom: solid 1px #CCCCCC; width: 100%; margin: 0px; padding: 0 0 20px 0; text-align: center;}
#communityspec .communitybox h4{ color:#000; font-weight:bold; font-size:18px; margin-bottom:20px;}
#communityspec .communitybox h5{ font-size:15px; color:#999; line-height:145%; margin-top:10px; font-weight:normal;}
#communityspec .boxfanclub{ border-bottom:none;}

.aboutneoromance{ background-image: url(../img/about/bg.jpg); background-repeat: no-repeat; background-position: center 40px;}
#about{ width:92%; margin:0 auto 40px auto; position:relative;}
#about h2{ font-size: 25px; color: #FF007F; font-weight: bold; text-align: center; width: 100%; line-height: 140%; border-bottom: none; margin-bottom: 10px;}
#about h4{ text-align: left; font-size: 16px; color: #666666; line-height: 130%; padding-bottom: 40px; font-weight: normal; width: 100%; margin: 0 auto;}
#about h5{ font-weight: bold; font-size: 18px; margin: 0; color:#FF007F;}
#about h6{ font-weight: bold; font-size: 21px; margin: 0; padding-bottom: 5px; line-height:135%;}
#about p{ font-size:16px; line-height:150%; color:#666;}
#about ul{ margin:30px 0; list-style:none;}
#about li{ margin:10px 0;}
#about li img{ width:100%;}
#about li.links a{ color:#f39; margin-top:15px; display:block; font-size:14px; font-weight:bold;}
#about li.links a:hover{ color: #FF6699; text-decoration:underline;}
#about #visual{ text-align:center; margin-bottom:40px;}
#about #visual img{ width:100%;}
#about .games{ border-top:solid 1px #FF3399; padding:20px 0; }

#magazine{ width: 92%; margin: 0 auto 40px auto; font-size: 16px; line-height: 150%;}
#magazine #content{ border: solid 1px #FF3399; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; margin-top: 30px; padding: 20px;}
#magazine #content a{ color:#F39;}
#magazine #content a:hover{ color:#F39; text-decoration:underline;}
#magazine #content h3{ font-weight: bold; font-size: 25px; margin: 0; padding-bottom: 12px; color:#ff007f}
#magazine #content h4{ font-weight: bold; font-size: 20px; margin: 0; padding-bottom: 5px; color:#ff007f}
#magazine #content #btn01{ text-align: center; margin: 20px 0 50px 0;}
#magazine #content #btn01 img{ width:100%;}
#magazine #content #btn02{ width: 100%;}
#magazine #content #btn03{ width: 100%;}
#magazine #content .btns{ text-align: center; margin: 10px 0 30px;}
#magazine #content .btns2{ text-align:center; margin:20px 0 30px;}
#magazine #content .btns2 img{ width:100%;}
#magazine h5{font-size:16px; font-weight:bold;}
#magazine h6{font-size:14px; line-height:150%; font-weight:normal;}
#magazine h6 span{ color:#F39; font-weight:bold;}
#magazine #digest{ background-color: #eeeeee; padding: 20px; font-size: 15px; margin-top: 30px;}
#magazine #digest #title_digest{ font-weight: bold; font-size: 23px; margin-bottom: 10px; padding-bottom: 0px; color:#ff007f}
#magazine #digest a{ color:#000;}
#magazine #digest a:hover{ color:#000; text-decoration:underline;}
#magazine #digest #touroku{ font-weight:bold;}
#magazine #digest #teishi{ font-weight:bold;}

#minilogo{ display:none;}

#xmas2015{ background-color:#CA0000; color:#FFF; }
#xmas2015 .campaigntitle{ text-align:center; font-size:24px; font-weight:bold; padding:15px 0; color: #FFCC00;}
#xmas2015 .shoplist{ padding:0px 20px 20px; line-height:1.6; font-size:14px; }
#xmas2015 .shoplist span{ color:#D9543B; }
#xmas2015 .shoplist .notice{ margin-top:15px; font-size:12px; color:#FCC; }
}

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

@-webkit-keyframes snow {
 0% { background-position: 0px 0px, 0px 0px, 0px 0px; z-index:1000; }
 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; z-index:1000; }
}
@-moz-keyframes snow {
 0% { background-position: 0px 0px, 0px 0px, 0px 0px; z-index:1000; }
 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; z-index:1000; }
}
@-ms-keyframes snow {
 0% { background-position: 0px 0px, 0px 0px, 0px 0px; z-index:1000; }
 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; z-index:1000; }
}
@keyframes snow {
 0% { background-position: 0px 0px, 0px 0px, 0px 0px; z-index:1000; }
 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; z-index:1000; }
}