@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;}
}


/* ページトップ */

#minilink_arrow {
	position: fixed;
	bottom: 90px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}

#minilink_arrow img {
	transition:0.3s;
	opacity:0.7;
}

#minilink_arrow a:hover img {
	opacity:1;
	transform: translateX(-5px);
}

#minilink_home {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}

#minilink_home img {
	transition:0.3s;
	opacity:0.7;
}

#minilink_home a:hover img {
	opacity:1;
	transform: translateX(-5px);
}


/* FireFoxFadeブレ防止 */

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

/* ページロード */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:url(../img/grand_bg.png) left top repeat;
  z-index: 15000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 200px;
  margin-top: -100px;
  margin-left: -200px;
  text-align: center;
  color: #fff;
  z-index: 15001;
}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
.load_txt {
	font-family: 'Raleway', Arial, sans-serif;
	font-weight: 800;
	position:relative;
	z-index:4;
	color:#000;
	font-size:1.4em;
}

.load_txt span {
	width:26px;
	height:26px;
	border-radius:20px;
	margin-right:8px;
	line-height:26px;
	display:inline-block;
	color:#FFF;
	border:2px solid #FFF;
	box-shadow:0 0 2px 2px rgba(100,40,60,0.15);
}

.orange {background-color:#f5a62c;}
.green {background-color:#0eea64;}
.blue {background-color:#006ecf;}
.pink {background-color:#ff3792;}

.spinner {
  margin: 100px auto 36px;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #ff3792;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }

.mr36 {margin-right:36px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}

body {
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/grand_bg.png) left top repeat;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	min-width:1000px;
	background:url(../img/head_pattern.png) left top repeat-x;
}

header {
	width:100%;
	height:30px;
	background:rgba(255,255,255,0.9);
	box-shadow:0 3px 2px rgba(100,20,72,0.15);
	position:absolute;
	top:0;
	left:0;
}

.header_wrap {
	min-width:1000px;
	max-width:1400px;
	position:relative;
	height:30px;
	margin:0 auto;
}

.header_title {
	width:430px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
	overflow:hidden;
}

.header_twitter {
	width:80px;
	height:20px;
	position:absolute;
	right:0;
	top:5px;
}

#Mainvisual_area {
	width:100%;
	background:url(../img/mainvisual_bg.jpg) center top no-repeat;
	background-size:cover;
	padding:50px 0 20px;
	position:relative;
}

.mainvisual {
	background-size:cover;
	min-width:1000px;
	max-width:1400px;
	margin:0 auto;
	border-radius:15px;
	box-shadow:0 0 5px rgba(251,191,230,0.7);
	position:relative;
}

.mainvisual img {
	width:100%;
	border-radius:15px;
}

.main_title {
	background:url(../img/mainvisual_info.png) center bottom no-repeat;
	width:100%;
	padding-top:23%;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	z-index:200;
	left:0;
	bottom:0;
	background-size:100%;
}

#Contents_sub {
	min-height:1000px;
	background:url(../img/foot_pattern.png) left bottom repeat-x;
	position:relative;
	padding-top:30px;
}

.space {
	width:100%;
	padding-bottom:220px;
}

#Contents {
	min-height:600px;
	background:url(../img/foot_pattern.png) left bottom repeat-x;
}

#Menu {
	background:url(../img/menu_bg.jpg) center top repeat-x;
	width:100%;
	height:80px;
	position:relative;
	box-shadow:0 3px 2px rgba(34,38,46,0.8);
}

.menu_index {
	margin-bottom:36px;
}

#Menu ul {
	background:url(../img/menu_ul_bg.png) center top no-repeat;
	width:980px;
	height:80px;
	margin:0 auto 0;
}

#Menu ul li {
	float:left;
}

#Topics {
	width:1000px;
	margin:0 auto 0;
	padding-bottom:128px;
}

#Topics ul li {
	width:482px;
	height:150px;
	margin-bottom:36px;
	float:left;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
	background:#FFF;
	position:relative;
}

.new {
	background:url(../topics/new_bg.png) left top no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	left:-16px;
	top:-16px;
}

.roll {
	width:50px;
	height:50px;
	background:url(../topics/new_star.png) center top no-repeat;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    -ms-animation: spin 3s linear infinite;
    -o-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

#Rireki {
	padding-bottom:220px;
	height:256px;
	background:url(../img/rireki_bg.jpg) left top repeat;
}

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

.rireki_left {
	width:690px;
	height:256px;
	padding-top:20px;
	background:url(../img/rireki_left.png) left top no-repeat;
	float:left;
}

.rireki_title {
	background:url(../img/rireki_head.jpg) left top no-repeat;
	width:195px;
	height:31px;
	margin-bottom:20px;
	text-indent:-9999px;
	overflow:hidden;
}

.magazine_title {
	background:url(../img/magazine_head.jpg) left top no-repeat;
	width:195px;
	height:31px;
	margin-bottom:20px;
	text-indent:-9999px;
	overflow:hidden;
}

.rireki_right {
	width:280px;
	height:256px;
	padding-top:20px;
	padding-left:30px;
	background:url(../img/rireki_right.png) left top no-repeat;
	float:left;
}

.txtback {
	background:url(../img/txt_bg.png) left top repeat-y;
}

.rireki_txt {
	width:660px;
	height:160px;
	overflow:hidden;
	position:relative;
}

.rireki_txt dl {
	height:32px;
	color:#ffecf1;
	font-size:1.5em;
	line-height:32px;
	text-align:left;
	width:660px;
}

.rireki_txt dt {
	float:left;
	font-weight:bold;
	padding-left:16px;
	width:134px;
}

.rireki_txt dd {
	float:left;
	width:510px;
}

.rireki_txt dd a {
	color:#f7ff76;
	text-decoration:none;
	font-weight:bold;
}

.rireki_txt dd a:hover {
	text-decoration:underline;
}

.magazine_txt {
	width:279px;
	height:160px;
	overflow:hidden;
	position:relative;
}

.magazine_txt dl {
	height:32px;
	color:#ffecf1;
	font-size:1.5em;
	line-height:32px;
	text-align:left;
	width:279px;
}

.magazine_txt dt {
	float:left;
	font-weight:bold;
	padding-left:16px;
	width:106px;
}

.magazine_txt dd {
	float:left;
	width:157px;
}

footer {
	width:100%;
	height:220px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	color:#fff;
	z-index:3;
	background:url(../img/footer_bg.jpg) left top repeat-x;
}

.footer_wrap {
	width:1000px;
	height:220px;
	background:url(../img/footer_info.png) center top no-repeat;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

.clochette_logo {
	width:144px;
	height:44px;
	margin:39px auto 0;
}

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

/* トピックスロールオーバー */


.snip1397 {
  position: relative;
  float: left;
  overflow: hidden;
  width: 482px;
  width: 100%;
  background: #ed467b;
  text-align: left;
  color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 1.4em;
}
.snip1397 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.snip1397 > img,
.snip1397 .image img {
  max-width: 100%;
}
.snip1397 > img {
  vertical-align: top;
  position: relative;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.8;
}
.snip1397 .image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.1), 0px -1px 0 rgba(255, 255, 255, 0.2);
}
.snip1397 .image img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.snip1397 .read-more {
  display: block;
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  line-height: 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 15px;
  color: #ffffff;
  right: 0;
  top: 0;
  font-weight: 500;
  position: absolute;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.snip1397 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.snip1397:hover .read-more,
.snip1397.hover .read-more {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.snip1397:hover .image,
.snip1397.hover .image {
  top: 50px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* サブページ */

#Category_head {
	width:100%;
	height:60px;
	background:url(../img/sub/category_bg.png) left top repeat-x;
}

.category_title {
	width:1000px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}

#Story {background:url(../img/sub/categoryhead_story.png) left top no-repeat;}
#World {background:url(../img/sub/categoryhead_world.png) left top no-repeat;}
#Character {background:url(../img/sub/categoryhead_character.png) left top no-repeat;}
#Gallery {background:url(../img/sub/categoryhead_gallery.png) left top no-repeat;}
#Download {background:url(../img/sub/categoryhead_download.png) left top no-repeat;}
#Special {background:url(../img/sub/categoryhead_special.png) left top no-repeat;}
#Product {background:url(../img/sub/categoryhead_product.png) left top no-repeat;}

#Story_wrap {
	width:1000px;
	background:url(../img/sub/story_head.png) center top no-repeat;
	padding-top:400px;
	margin:48px auto 0;
}

.story_txt1 {
	background:url(../img/sub/story_topics.png) center top no-repeat;
	width:907px;
	height:83px;
	margin:0 auto 24px;
	text-indent:-9999px;
	overflow:hidden;
}

.story_txt2 {
	background:url(../img/sub/story_txt.png) center top no-repeat;
	width:935px;
	height:544px;
	margin:0 auto 36px;
	text-indent:-9999px;
	overflow:hidden;
}

.story_underdecoration {
	background:url(../img/sub/story_foot.png) center top no-repeat;
	width:1000px;
	height:454px;
	margin:0 auto 0;
	padding-bottom:60px;
	text-indent:-9999px;
	overflow:hidden;
}

.world_wrap {
	width:960px;
	padding:20px;
	height:960px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin:36px auto 0;
}

.world_body {
	width:960px;
	height:960px;
	background:url(../img/sub/world/world_bg.jpg) left top no-repeat;
	position:relative;
}

.map1 {
	width:178px;
	height:103px;
	position:absolute;
	left:553px;
	top:65px;
}

.map2 {
	width:178px;
	height:103px;
	position:absolute;
	left:124px;
	top:44px;
}

.map3 {
	width:178px;
	height:103px;
	position:absolute;
	left:386px;
	top:262px;
}

.map4 {
	width:178px;
	height:103px;
	position:absolute;
	left:672px;
	top:634px;
}

.map5 {
	width:178px;
	height:103px;
	position:absolute;
	left:691px;
	top:412px;
}

.map6 {
	width:178px;
	height:103px;
	position:absolute;
	left:622px;
	top:220px;
}

.map7 {
	width:178px;
	height:103px;
	position:absolute;
	left:440px;
	top:529px;
}

.map8 {
	width:178px;
	height:103px;
	position:absolute;
	left:130px;
	top:420px;
}

.map9 {
	width:178px;
	height:103px;
	position:absolute;
	left:203px;
	top:585px;
}

.product_visual {
	margin:70px auto 60px;
	width:1000px;
	height:562px;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
}

.product_spec {
	width:1000px;
	margin:0 auto;
	padding-bottom:120px;
}

.specbox {
	width:470px;
	height:110px;
	float:left;
	text-align:left;
}

.specbox h3.spec01 {
	background:url(../img/sub/product_spechead1.png) left top no-repeat;
	width:446px;
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:30px;
	padding-left:24px;
	font-size:1.7em;
}

.specbox h3.spec02 {
	background:url(../img/sub/product_spechead2.png) left top no-repeat;
	width:446px;
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:30px;
	padding-left:24px;
	font-size:1.7em;
}

.specbox p {
	padding-left:48px;
	color:#da507c;
	text-shadow:1px 1px 1px rgba(255,255,255,1.00);
	font-size:1.7em;
	line-height:70px;
}



h3.prd_product {
	background:url(../img/sub/prd_product.png) left top no-repeat;
	width:151px;
	height:14px;
	margin:0 auto 18px;
	text-indent:-9999px;
	overflow:hidden;
}

h3.prd_staff {
	background:url(../img/sub/prd_staff.png) left top no-repeat;
	width:151px;
	height:14px;
	margin:36px auto 18px;
	text-indent:-9999px;
	overflow:hidden;
}

h3.prd_spec {
	background:url(../img/sub/prd_spec.png) left top no-repeat;
	width:151px;
	height:14px;
	margin:36px auto 18px;
	text-indent:-9999px;
	overflow:hidden;
}

.prd_tablewrap {
	width:720px;
	margin:0 auto;
}

.prd_tablewrap table {
	background-color:#ffd9e4;
}

.prd_tablewrap table th {
	height:24px;
	width:180px;
	background-color:#ea7a9a;
	border:1px solid #ffd9e4;
	font-size:1.3em;
	color:#ffffff;
	text-align:right;
	padding-right:10px;
}

.prd_tablewrap table td {
	height:24px;
	background-color:#fff6f9;
	border:1px solid #ffd9e4;
	font-size:1.4em;
	text-align:left;
	padding:4px 0 4px 10px;
	color:#49091b;
	text-shadow: 1px 1px 0 #FFF;
	line-height:1.5;
}

.prd_tablewrap table td a {
	color:#ea7a9a;
	text-decoration:none;
}

.prd_tablewrap table td a:hover {
	text-decoration:underline;
}

.evcg_wrap {
	width:1000px;
	margin:70px auto 0;
	padding-bottom:60px;
}

.evcg_wrap ul li {
	float:left;
	margin-bottom:36px;
	background:#FFF;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
	position:relative;
	width:300px;
	height:200px;
}

.evcg_wrap ul li a img {
	position:absolute;
	left:0;
	top:0;
	box-sizing:border-box;
	transition: all 0.1s ease;
}

.evcg_wrap ul li a.evchara01 img {	border: 0px solid #ffccde; opacity:1;}
.evcg_wrap ul li a.evchara02 img {	border: 0px solid #99efcf; opacity:1;}
.evcg_wrap ul li a.evchara03 img {	border: 0px solid #ffc58a; opacity:1;}
.evcg_wrap ul li a.evchara04 img {	border: 0px solid #fff8be; opacity:1;}
.evcg_wrap ul li a.evchara05 img {	border: 0px solid #fabec2; opacity:1;}

.evcg_wrap ul li a.evchara01:hover img {	border: 5px solid #ffccde; opacity:0.7;}
.evcg_wrap ul li a.evchara02:hover img {	border: 5px solid #99efcf; opacity:0.7;}
.evcg_wrap ul li a.evchara03:hover img {	border: 5px solid #ffc58a; opacity:0.7;}
.evcg_wrap ul li a.evchara04:hover img {	border: 5px solid #fff8be; opacity:0.7;}
.evcg_wrap ul li a.evchara05:hover img {	border: 5px solid #fabec2; opacity:0.7;}

#Chara_area {
	margin:54px 0 0;
	padding-bottom:60px;
}

.chara_headlink {
	background:url(../img/sub/chara/chara_headlink.png) center top no-repeat;
	width:1000px;
	height:154px;
	margin:0 auto 36px;
}

.chara_headlink_twin {
	background:url(../img/sub/chara/chara_headlink_twin.png) center top no-repeat;
	width:288px;
	padding-left:6px;
	height:154px;
	margin:0 auto 36px;
}

.chara_headlink ul li {
	float:left;
}

.chara_headlink_twin ul li {
	float:left;
}

#Chara_01 {
	width:100%;
	position:relative;
	height:900px;
	margin-bottom:132px;
}

#Chara_02 {
	width:100%;
	position:relative;
	height:900px;
	margin-bottom:132px;
}

#Chara_03 {
	width:100%;
	position:relative;
	height:900px;
	margin-bottom:132px;
}

#Chara_04 {
	width:100%;
	position:relative;
	height:900px;
	margin-bottom:132px;
}

#Chara_05 {
	width:100%;
	position:relative;
	height:900px;
	margin-bottom:132px;
}

#Chara_s_01 {
	width:100%;
	position:relative;
	height:850px;
	margin-bottom:132px;
}

#Chara_s_02 {
	width:100%;
	position:relative;
	height:850px;
	margin-bottom:132px;
}

#Chara_s_03 {
	width:100%;
	position:relative;
	height:850px;
	margin-bottom:132px;
}

#Chara_s_04 {
	width:100%;
	position:relative;
	height:850px;
	margin-bottom:132px;
}

#Chara_s_05 {
	width:100%;
	position:relative;
	height:850px;
	margin-bottom:132px;
}

.charabox {
	width:1000px;
	height:900px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:0;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
	z-index:10;
}

.charabox_s {
	width:1000px;
	height:850px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:0;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
	z-index:10;
}

.c_box01 {background:url(../img/sub/chara/chara01_grandbg.jpg) center top no-repeat;}
.c_box02 {background:url(../img/sub/chara/chara02_grandbg.jpg) center top no-repeat;}
.c_box03 {background:url(../img/sub/chara/chara03_grandbg.jpg) center top no-repeat;}
.c_box04 {background:url(../img/sub/chara/chara04_grandbg.jpg) center top no-repeat;}
.c_box05 {background:url(../img/sub/chara/chara05_grandbg.jpg) center top no-repeat;}

.c_box_s_01 {background:url(../img/sub/chara/chara_s_01_grandbg.jpg) center top no-repeat;}
.c_box_s_02 {background:url(../img/sub/chara/chara_s_02_grandbg.jpg) center top no-repeat;}
.c_box_s_03 {background:url(../img/sub/chara/chara_s_03_grandbg.jpg) center top no-repeat;}
.c_box_s_04 {background:url(../img/sub/chara/chara_s_04_grandbg.jpg) center top no-repeat;}
.c_box_s_05 {background:url(../img/sub/chara/chara_s_05_grandbg.jpg) center top no-repeat;}

.chara_stand {
	width:100%;
	height:1036px;
	position:absolute;
	left:0;
	top:-17px;
	z-index:20;
}

.chara_s_stand {
	width:100%;
	height:867px;
	position:absolute;
	left:0;
	top:-17px;
	z-index:20;
}

.c_stand01_a {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara01_a.png) center top no-repeat;
}
	
.c_stand01_b {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara01_b.png) center top no-repeat;
}

.c_stand01_c {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara01_c.png) center top no-repeat;
}

.c_stand02_a {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara02_a.png) center top no-repeat;
}
	
.c_stand02_b {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara02_b.png) center top no-repeat;
}

.c_stand02_c {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara02_c.png) center top no-repeat;
}

.c_stand03_a {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara03_a.png) center top no-repeat;
}

.c_stand03_b {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara03_b.png) center top no-repeat;
}

.c_stand04_a {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara04_a.png) center top no-repeat;
}

.c_stand04_b {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara04_b.png) center top no-repeat;
}

.c_stand04_c {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara04_c.png) center top no-repeat;
}

.c_stand05_a {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara05_a.png) center top no-repeat;
}

.c_stand05_b {
	width:100%;
	height:1036px;
	background:url(../img/sub/chara/chara05_b.png) center top no-repeat;
}

.c_stand_s_01_a {
	width:100%;
	height:867px;
	background:url(../img/sub/chara/chara_s_01_a.png) center top no-repeat;
}

.c_stand_s_02_a {
	width:100%;
	height:867px;
	background:url(../img/sub/chara/chara_s_02_a.png) center top no-repeat;
}

.c_stand_s_03_a {
	width:100%;
	height:867px;
	background:url(../img/sub/chara/chara_s_03_a.png) center top no-repeat;
}

.c_stand_s_04_a {
	width:100%;
	height:867px;
	background:url(../img/sub/chara/chara_s_04_a.png) center top no-repeat;
}

.c_stand_s_05_a {
	width:100%;
	height:867px;
	background:url(../img/sub/chara/chara_s_05_a.png) center top no-repeat;
}

.chara_sq {
	
	width:1000px;
	height:900px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:0;
	z-index:30;
	text-indent:-9999px;
	overflow:hidden;
}

.chara_s_sq {
	
	width:1000px;
	height:850px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	top:0;
	z-index:30;
	text-indent:-9999px;
	overflow:hidden;
}

.c_sq01 {background:url(../img/sub/chara/chara01_sq.png) center top no-repeat;}
.c_sq02 {background:url(../img/sub/chara/chara02_sq.png) center top no-repeat;}
.c_sq03 {background:url(../img/sub/chara/chara03_sq.png) center top no-repeat;}
.c_sq04 {background:url(../img/sub/chara/chara04_sq.png) center top no-repeat;}
.c_sq05 {background:url(../img/sub/chara/chara05_sq.png) center top no-repeat;}

.c_s_sq01 {background:url(../img/sub/chara/chara_s_01_sq.png) center top no-repeat;}
.c_s_sq02 {background:url(../img/sub/chara/chara_s_02_sq.png) center top no-repeat;}
.c_s_sq03 {background:url(../img/sub/chara/chara_s_03_sq.png) center top no-repeat;}
.c_s_sq04 {background:url(../img/sub/chara/chara_s_04_sq.png) center top no-repeat;}
.c_s_sq05 {background:url(../img/sub/chara/chara_s_05_sq.png) center top no-repeat;}

.chara_word {
	width:75px;
	height:900px;
	position:absolute;
	left:50%;
	margin-left:425px;
	top:0;
	z-index:40;
	text-indent:-9999px;
	overflow:hidden;
}

.chara_s_word {
	width:110px;
	height:850px;
	position:absolute;
	left:50%;
	margin-left:390px;
	top:0;
	z-index:40;
	text-indent:-9999px;
	overflow:hidden;
}

.c_word01 {background:url(../img/sub/chara/chara01_word.png) center top no-repeat;}
.c_word02 {background:url(../img/sub/chara/chara02_word.png) center top no-repeat;}
.c_word03 {background:url(../img/sub/chara/chara03_word.png) center top no-repeat;}
.c_word04 {background:url(../img/sub/chara/chara04_word.png) center top no-repeat;}
.c_word05 {background:url(../img/sub/chara/chara05_word.png) center top no-repeat;}

.c_s_word01 {background:url(../img/sub/chara/chara_s_01_word.png) center top no-repeat;}
.c_s_word02 {background:url(../img/sub/chara/chara_s_02_word.png) center top no-repeat;}
.c_s_word03 {background:url(../img/sub/chara/chara_s_03_word.png) center top no-repeat;}
.c_s_word04 {background:url(../img/sub/chara/chara_s_04_word.png) center top no-repeat;}
.c_s_word05 {background:url(../img/sub/chara/chara_s_05_word.png) center top no-repeat;}

.chara_explain {
	width:1000px;
	height:200px;
	position:absolute;
	top:630px;
	left:50%;
	margin-left:-500px;
	z-index:50;
	text-indent:-9999px;
	overflow:hidden;
}

.chara_s_explain {
	width:1000px;
	height:170px;
	position:absolute;
	top:630px;
	left:50%;
	margin-left:-500px;
	z-index:50;
	text-indent:-9999px;
	overflow:hidden;
}

.c_explain01 {background:url(../img/sub/chara/chara01_explain.png) center top no-repeat;}
.c_explain02 {background:url(../img/sub/chara/chara02_explain.png) center top no-repeat;}
.c_explain03 {background:url(../img/sub/chara/chara03_explain.png) center top no-repeat;}
.c_explain04 {background:url(../img/sub/chara/chara04_explain.png) center top no-repeat;}
.c_explain05 {background:url(../img/sub/chara/chara05_explain.png) center top no-repeat;}

.c_s_explain01 {background:url(../img/sub/chara/chara_s_01_explain.png) center top no-repeat;}
.c_s_explain02 {background:url(../img/sub/chara/chara_s_02_explain.png) center top no-repeat;}
.c_s_explain03 {background:url(../img/sub/chara/chara_s_03_explain.png) center top no-repeat;}
.c_s_explain04 {background:url(../img/sub/chara/chara_s_04_explain.png) center top no-repeat;}
.c_s_explain05 {background:url(../img/sub/chara/chara_s_05_explain.png) center top no-repeat;}

h3.soukanzu {
	width:903px;
	height:97px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 24px;
	background:url(../img/sub/chara/head_chart.png) center top no-repeat;
}


.soukanzu_kari {
	background:url(../img/sub/chara/soukanzu_kari.jpg) left top no-repeat;
	width:1000px;
	height:1350px;
	margin:0 auto;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
	z-index:10;
	position:relative;
}

.chart_chara {
	width:170px;
	height:170px;
	position:absolute;
	z-index:30;
}

.cc08 {left:85px; top:102px}
.cc02 {left:415px; top:102px}
.cc04 {left:745px; top:102px}

.cc10 {left:85px; top:432px}
.cc00 {left:415px; top:432px}
.cc01 {left:745px; top:432px}

.cc05 {left:250px; top:762px}
.cc03 {left:580px; top:762px}

.cc09 {left:85px; top:1092px}
.cc06 {left:415px; top:1092px}
.cc07 {left:745px; top:1092px}

.download_wrap {
	width:1000px;
	padding-top:60px;
	margin:0 auto;
}

.download_wrap h3 {
	width:903px;
	height:97px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 24px;
}

h3.head_countdown {background:url(../special/countdown_head.png) center top no-repeat;}
h3.head_masterup {background:url(../special/masterup_head.png) center top no-repeat;}
h3.head_trial {background:url(../img/sub/download/head_trial.png) center top no-repeat;}
h3.head_opmovie {background:url(../img/sub/download/head_opmovie.png) center top no-repeat;}
h3.head_optheme {background:url(../img/sub/download/head_optheme.png) center top no-repeat;}


.buttonarea {
	background:url(../img/sub/chara/buttonarea_bg.png) center top no-repeat;
	width:719px;
	height:30px;
	padding-top:10px;
	position:absolute;
	top:900px;
	left:50%;
	margin-left:-480px;
	z-index:5;
}

.buttonarea_s {
	background:url(../img/sub/chara/buttonarea_s_bg.png) center top no-repeat;
	width:400px;
	height:30px;
	padding-top:10px;
	position:absolute;
	top:850px;
	left:50%;
	margin-left:-480px;
	z-index:5;
}

.button_z {
	width:719px;
	height:30px;
	padding-top:10px;
	position:absolute;
	top:900px;
	left:50%;
	margin-left:-480px;
	z-index:100;
}

.button_z_s {
	width:400px;
	height:30px;
	padding-top:10px;
	position:absolute;
	top:850px;
	left:50%;
	margin-left:-480px;
	z-index:100;
}

.button_z ul.voice {
	width:120px;
	margin-left:220px;
	float:left;
}

.button_z ul.costume {
	width:120px;
	margin-left:220px;
	float:left;
}

.button_z ul li {
	float:left;
	margin-right:20px;
}

.button_z_s ul.voice {
	width:120px;
	margin-left:220px;
	float:left;
}

.button_z_s ul.costume {
	width:120px;
	margin-left:220px;
	float:left;
}

.button_z_s ul li {
	float:left;
	margin-right:20px;
}

.sidemenu {
	position: fixed;
	top: 180px;
	left: 0;
	z-index:10000;
}

.sidemenu ul li.sidechara {
	position:relative;
	height:54px;
}

.sidemenu ul li a img {
	position:absolute;
	left:-148px;
	top:0;
	transition:0.3s;
}

.sidemenu ul li a:hover img {
	transform: translateX(148px);
}

.banner_explain {
	background:url(../banner/explain.png) center top no-repeat;
	width:100%;
	height:720px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:40px;
}

.banner_linkbutton {
	width:610px;
	height:60px;
	position:absolute;
	left:50%;
	margin-left:-109px;
	top:737px;
}

.banner_linkbutton img {
	position:relative;
	top:0;
	left:0;
	transition: all .3s;
}

.banner_linkbutton a:hover img {
	position:relative;
	top:5px;
	left:0;
}

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

.banner_link a {
	display:inline-block;
	width:140px;
	height:30px;
	background:#ffd928;
	border-radius:15px;
	line-height:30px;
	margin-right:24px;
	margin-bottom:16px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:1.2em;
	transition: all .3s;
}

.banner_link a:hover {
	background:#FF9226;
}

#S_Banner h3 {
	width:600px;
	height:30px;
	border-radius:15px;
	display:block;
	text-align:center;
	color:#FFF;
	background-color:#ed5c7f;
	font-size:1.4em;
	line-height:30px;
	font-weight:bold;
	margin:48px auto 36px;
}

.banner_block {
	margin:0 auto;
}

.banbox {
	background:#FFF;
	box-shadow:0 0 5px rgba(75,0,32,0.4);
}

.urlbox {
	background:#FFFEF3;
	box-shadow:0 0 2px rgba(75,0,32,0.4);
}

.urlbox textarea {
	width:100%;
	height:100%;
	border:0;
	background-color:transparent;
	font-size:90%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#26cfb5;
}

#B_HEADER { width:848px; padding-left:24px;}
#B_HEADER .banwrap { float:left; width:400px; margin:0 24px 24px 0;}
#B_HEADER .banbox { width:400px;}

#B_ICON { width:896px; padding-left:24px; }
#B_ICON .banwrap { float:left; width:200px; margin:0 24px 24px 0;}
#B_ICON .banbox { width:200px; height:200px; margin-bottom:12px}

#B_WALLPAPER { width:848px; padding-left:24px;}
#B_WALLPAPER .banwrap { float:left; width:400px; margin:0 24px 24px 0;}
#B_WALLPAPER .banbox { width:400px;}

#B_250250 { width:808px; padding-left:24px; }
#B_250250 .banwrap { float:left; width:380px; margin:0 24px 24px 0;}
#B_250250 .banbox { width:250px; height:250px; margin-right:12px; margin-bottom:12px; float:left;}
#B_250250 .urlbox { width:98px; height:230px; padding:10px; float:left;}

#B_20040 { width:896px; padding-left:24px; }
#B_20040 .banwrap { float:left; width:200px; margin:0 24px 24px 0;}
#B_20040 .banbox { width:200px; height:40px; margin-right:12px; margin-bottom:12px;}
#B_20040 .urlbox { width:180px; height:40px; padding:10px;}

#B_380120 { width:808px; padding-left:24px; }
#B_380120 .banwrap { float:left; width:380px; margin:0 24px 24px 0;}
#B_380120 .banbox { width:380px; height:120px; margin-bottom:12px;}
#B_380120 .urlbox { width:360px; height:40px; padding:10px;}

#B_150600 { width:870px; padding-left:24px; }
#B_150600 .banwrap { float:left; width:150px; margin:0 24px 24px 0;}
#B_150600 .banbox { width:150px; height:600px; margin-bottom:12px; margin-right:24px;}
#B_150600 .urlbox { width:130px; height:180px; padding:10px;}

#B_600150 { width:1000px;}
#B_600150 .banwrap { width:812px; margin:0 auto 24px;}
#B_600150 .banbox { float:left; width:600px; height:150px; margin-right:12px;}
#B_600150 .urlbox { float:left; width:180px; height:130px; padding:10px;}

#B_150600 { width:870px; padding-left:24px; }
#B_150600 .banwrap { float:left; width:150px; margin:0 24px 24px 0;}
#B_150600 .banbox { width:150px; height:600px; margin-bottom:12px; margin-right:24px;}
#B_150600 .urlbox { width:130px; height:180px; padding:10px;}

#B_600400 { width:600px;}
#B_600400 .banwrap { width:600px; margin:0 0 24px 0;}
#B_600400 .banbox { width:600px; height:400px; margin-bottom:12px;}
#B_600400 .urlbox { width:580px; height:30px; padding:10px;}

/* 人気投票 */

.vote_visual {
	background:url(../vote/vote_visual.jpg) center top no-repeat;
	width:1000px;
	height:563px;
	border-radius:20px;
	box-shadow:0 0 5px rgba(251,191,230,0.7);
	margin:60px auto 36px;
	text-indent:-9999px;
	overflow:hidden;
}

.vote_box {
	width:1000px;
	background:#FFFFFF;
	border-radius:20px;
	box-shadow:0 0 5px rgba(251,191,230,0.7);
	padding:20px 0;
	margin:0 auto 36px;
}

.vote_box p {
	color:#641d2e;
	font-size:1.6em;
}

.vote_box p span {
	color:#e5004f;
	font-weight:bold;
}

.vote_box ul {
	width:800px;
	margin:0 auto;
}

.vote_box ul li {
	width:800px;
	line-height:36px;
	border-bottom:1px dotted #641d2e;
	font-size:1.5em;
	text-align:left;
	color:#e5004f;
}

.vote_chara_01 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote/vote_chara01.jpg) left top no-repeat;
}

.vote_chara_02 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote/vote_chara02.jpg) left top no-repeat;
}

.vote_chara_03 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote/vote_chara03.jpg) left top no-repeat;
}

.vote_chara_04 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote/vote_chara04.jpg) left top no-repeat;
}

.vote_chara_05 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote/vote_chara05.jpg) left top no-repeat;
}

.vote2_visual {
	background:url(../vote2/img/vote2_visual.jpg) center top no-repeat;
	width:1000px;
	height:563px;
	border-radius:20px;
	box-shadow:0 0 5px rgba(251,191,230,0.7);
	margin:60px auto 36px;
	text-indent:-9999px;
	overflow:hidden;
}

.vote2_box {
	width:1000px;
	background:#FFFFFF;
	border-radius:20px;
	box-shadow:0 0 5px rgba(251,191,230,0.7);
	padding:20px 0;
	margin:0 auto 36px;
}

.vote2_box p {
	color:#641d2e;
	font-size:1.6em;
}

.vote2_box p span {
	color:#e5004f;
	font-weight:bold;
}

.vote2_box ul {
	width:800px;
	margin:0 auto;
}

.vote2_box ul li {
	width:800px;
	line-height:36px;
	border-bottom:1px dotted #641d2e;
	font-size:1.5em;
	text-align:left;
	color:#e5004f;
}

.vote2_chara_01 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara01.jpg) left top no-repeat;
}

.vote2_chara_02 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara02.jpg) left top no-repeat;
}

.vote2_chara_03 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara03.jpg) left top no-repeat;
}

.vote2_chara_04 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara04.jpg) left top no-repeat;
}

.vote2_chara_05 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara05.jpg) left top no-repeat;
}

.vote2_chara_06 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara06.jpg) left top no-repeat;
}

.vote2_chara_07 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara07.jpg) left top no-repeat;
}

.vote2_chara_08 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara08.jpg) left top no-repeat;
}

.vote2_chara_09 {
	width:940px;
	height:180px;
	position:relative;
	margin:0 auto 24px;
	background:url(../vote2/img/vote2_chara09.jpg) left top no-repeat;
}

.radio_box {
	width:220px;
	height:44px;
	position:absolute;
	left:690px;
	top:50px;
}

.bottomlink {
	width:266px;
	height:40px;
	position:absolute;
	left:664px;
	top:130px;
	background-color:#FFF;
}

.vote_comment table {
	width:600px;
	margin:0 auto;
}

.vote_comment table th {
	text-align:right;
	padding-right:24px;
}

.input_name input {
	border:0; 
	padding:10px; 
	font-size:1.3em; 
	font-family:Arial, sans-serif; 
	color:#aaa; 
	border:solid 1px #ccc; 
	margin:0 0 20px; 
	width:300px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
}

.input_name input:focus { 
border:solid 1px #e96a75; 
}

.input_comment textarea {
	border:0; 
	padding:10px; 
	font-size:1.3em; 
	font-family:Arial, sans-serif; 
	color:#aaa; 
	border:solid 1px #ccc; 
	margin:0 0 20px; 
	width:300px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
}

.input_comment textarea:focus { 
border:solid 1px #e96a75; 
}

.input_submit input {
border:solid 1px #ccc; 
padding:15px 30px; 
margin:0 0 20px;
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;
transition: all .3s;
}

.input_submit input:hover {
	color:#fff;
	background-color:#e96a75;
}

/* チェックボックス */

input[type=radio] {
  display: none;
}

.radio {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: block;
  width:220px;
  height:44px;
  line-height:44px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
  color:#e96a75;
  font-size:1.3em;
  padding-left:20px;
}
.radio:hover {
  background-color: #ffdfe2;
}
.radio:hover:after {
  border-color: #e96a75;
}
.radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #e96a75;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.vote_head {
	width:980px;
	height:180px;
	margin:60px auto 36px;
}

.v_ema {
	background:url(../vote/vote_chara01c.jpg) center top no-repeat;
}

.v_mei {
	background:url(../vote/vote_chara02c.jpg) center top no-repeat;
}

.v_kanau {
	background:url(../vote/vote_chara03c.jpg) center top no-repeat;
}

.v_miori {
	background:url(../vote/vote_chara04c.jpg) center top no-repeat;
}

.v_asumi {
	background:url(../vote/vote_chara05c.jpg) center top no-repeat;
}
a.vote_top {
	display:block;
	width:200px;
	height:40px;
	border-radius:20px;
	background:#dd5480;
	color:#fff;
	line-height:40px;
	font-weight:bold;
	font-size:1.4em;	
	margin:0 auto 24px;
	text-decoration:none;
}

a:hover.vote_top {
	background:#f49db9;
}


.vote2_head {
	width:980px;
	height:180px;
	margin:60px auto 36px;
}

.v2_mei {
	background:url(../vote2/img/vote2_chara01c.jpg) center top no-repeat;
}

.v2_ema {
	background:url(../vote2/img/vote2_chara02c.jpg) center top no-repeat;
}

.v2_miori {
	background:url(../vote2/img/vote2_chara03c.jpg) center top no-repeat;
}

.v2_kanau {
	background:url(../vote2/img/vote2_chara04c.jpg) center top no-repeat;
}

.v2_asumi {
	background:url(../vote2/img/vote2_chara05c.jpg) center top no-repeat;
}

.v2_yoriko {
	background:url(../vote2/img/vote2_chara06c.jpg) center top no-repeat;
}

.v2_sachiho {
	background:url(../vote2/img/vote2_chara07c.jpg) center top no-repeat;
}

.v2_tangiku {
	background:url(../vote2/img/vote2_chara08c.jpg) center top no-repeat;
}

.v2_moto {
	background:url(../vote2/img/vote2_chara09c.jpg) center top no-repeat;
}

a.vote2_top {
	display:block;
	width:200px;
	height:40px;
	border-radius:20px;
	background:#dd5480;
	color:#fff;
	line-height:40px;
	font-weight:bold;
	font-size:1.4em;	
	margin:0 auto 24px;
	text-decoration:none;
}

a:hover.vote2_top {
	background:#f49db9;
}


.blockbox {
	width:960px;
	padding:20px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin:36px auto 0;
}

.yoyakulink {
	margin:36px auto 60px;
	width:650px;
	border-radius:10px;
	background:#FFF;
}

.yoyakulink img {
}

.toku_head {
	background:url(../special/tokuten/toku_head.png) center top no-repeat;
	width:188px;
	height:188px;
	margin:36px auto;
}

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

.toku_wrap h3 {
	width:903px;
	height:97px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 24px;
}

.toku_sofmap h3 {background:url(../special/tokuten/toku_sofmap.png) center top no-repeat;}
.toku_getchu h3 {background:url(../special/tokuten/toku_getchu.png) center top no-repeat;}
.toku_medio h3 {background:url(../special/tokuten/toku_medio.png) center top no-repeat;}
.toku_melonbooks h3 {background:url(../special/tokuten/toku_melonbooks.png) center top no-repeat;}
.toku_trader h3 {background:url(../special/tokuten/toku_trader.png) center top no-repeat;}
.toku_goodwill h3 {background:url(../special/tokuten/toku_goodwill.png) center top no-repeat;}
.toku_gamers h3 {background:url(../special/tokuten/toku_gamers.png) center top no-repeat;}
.toku_toranoana h3 {background:url(../special/tokuten/toku_toranoana.png) center top no-repeat;}
.toku_official h3 {background:url(../special/tokuten/toku_official.png) center top no-repeat;}
.toku_original h3 {background:url(../special/tokuten/toku_original.png) center top no-repeat;}

.toku_shokai h3 {background:url(../special/shokai_head.png) center top no-repeat;}
.toku_yoyaku h3 {background:url(../special/yoyaku_head.png) center top no-repeat;}
.toku_arigatou h3 {background:url(../special/arigatou_head.png) center top no-repeat;}

.toku_imgwrap {
	margin:0 auto;
	position:relative;
}

.toku_imgbox {
	padding:10px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	float:left;
}

.toku_imgbox2 {
	width:150px;
	padding:10px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	float:left;
}

.toku_imgbox3 {
	width:206px;
	padding:10px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	float:left;
}

.disc_image01 {
	width:290px;
	height:290px;
	position:absolute;
	top:215px;
	left:380px;
}

.disc_image02 {
	width:290px;
	height:290px;
	position:absolute;
	top:215px;
	left:370px;
}

.disc_image03 {
	width:290px;
	height:290px;
	position:absolute;
	top:215px;
	left:330px;
}

.disc_image04 {
	width:290px;
	height:290px;
	position:absolute;
	top:161px;
	left:370px;
}

.disc_image06 {
	width:290px;
	height:290px;
	position:absolute;
	top:35px;
	left:370px;
}

.disc_image09 {
	width:300px;
	padding:10px;	
	float:left;
}

.drama_image {
	padding:10px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	float:left;
}

.toku_item {
	width:800px;
	margin:36px auto;
}

.toku_sofmap .toku_item {background:url(../special/tokuten/toku_sofmap_chara.png) center top no-repeat;height:130px;}
.toku_getchu .toku_item {background:url(../special/tokuten/toku_getchu_chara.png) center top no-repeat;height:60px;}
.toku_medio .toku_item {background:url(../special/tokuten/toku_medio_chara.png) center top no-repeat;height:60px;}
.toku_melonbooks .toku_item {background:url(../special/tokuten/toku_melonbooks_chara.png) center top no-repeat;height:60px;}
.toku_trader .toku_item {background:url(../special/tokuten/toku_trader_chara.png) center top no-repeat;height:60px;}
.toku_goodwill .toku_item {background:url(../special/tokuten/toku_goodwill_chara.png) center top no-repeat;height:60px;}
.toku_gamers .toku_item {background:url(../special/tokuten/toku_gamers_chara.png) center top no-repeat;height:60px;}
.toku_toranoana .toku_item {background:url(../special/tokuten/toku_toranoana_chara.png) center top no-repeat;height:60px;}
.toku_official .toku_item {background:url(../special/tokuten/toku_official_chara.png) center top no-repeat;height:74px;}

.toku_link {
	width:300px;
	height:50px;
	margin:0 auto;
}

.toku_hr {
	display:block;
	margin:24px auto 48px;
	font-size:2.5em;
	color:#f2bbcc;
}

.toku_o {
	width:320px;
	height:380px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	margin-bottom:36px;
}

.toku_o_amazon {background:url(../special/tokuten/toku_o_amazon.jpg) left top no-repeat; margin-right:20px;}
.toku_o_otachu {background:url(../special/tokuten/toku_o_otachu.jpg) left top no-repeat; margin-right:20px;}
.toku_o_takarajima {background:url(../special/tokuten/toku_o_takarajima.jpg) left top no-repeat;}
.toku_o_fammys {background:url(../special/tokuten/toku_o_fammys.jpg) left top no-repeat; margin-right:20px;}
.toku_o_lammtarra {background:url(../special/tokuten/toku_o_lammtarra.jpg) left top no-repeat; margin-right:20px;}
.toku_o_seagull {background:url(../special/tokuten/toku_o_seagull.jpg) left top no-repeat;}
.toku_o_comrode {background:url(../special/tokuten/toku_o_comrode.jpg) left top no-repeat; margin-right:20px;}
.toku_o_softbit {background:url(../special/tokuten/toku_o_softbit.jpg) left top no-repeat; margin-right:20px;}
.toku_o_alice {background:url(../special/tokuten/toku_o_alice.jpg) left top no-repeat;}
.toku_o_nankaibooks {background:url(../special/tokuten/toku_o_nankaibooks.jpg) left top no-repeat; margin-right:20px;}
.toku_o_visco {background:url(../special/tokuten/toku_o_visco.jpg) left top no-repeat; margin-right:20px;}
.toku_o_furukawa {background:url(../special/tokuten/toku_o_furukawa.jpg) left top no-repeat;}
.toku_o_amiami {background:url(../special/tokuten/toku_o_amiami.jpg) left top no-repeat; margin-right:20px;}
.toku_o_bookmate {background:url(../special/tokuten/toku_o_bookmate.jpg) left top no-repeat; margin-right:20px;}
.toku_o_prop {background:url(../special/tokuten/toku_o_prop.jpg) left top no-repeat;}
.toku_o_chukyo {background:url(../special/tokuten/toku_o_chukyo.jpg) left top no-repeat; margin-right:20px;}
.toku_o_surugaya {background:url(../special/tokuten/toku_o_surugaya.jpg) left top no-repeat;}
.toku_o_dmm{background:url(../special/tokuten/toku_o_dmm.jpg) left top no-repeat; margin-right:20px;}
.toku_o_mk{background:url(../special/tokuten/toku_o_mk.jpg) left top no-repeat; margin-right:20px;}
.toku_o_rxgame{background:url(../special/tokuten/toku_o_rxgame.jpg) left top no-repeat; margin-right:20px;}

.toku_link_o {
	width:250px;
	height:36px;
	margin:330px auto 0;
}

.yoyaku_table {
	width:800px;
	margin:0 auto 48px;
}

.yoyaku_table table th {
	height:24px;
	width:300px;
	background-color:#ffc2ce;
	border:1px solid #ffffff;
	color:#72192b;
	padding-top:3px;
	padding-bottom:3px;
	font-size:1.3em;
	text-align:center;
}

.yoyaku_table table td {
	height:24px;
	width:500px;
	background-color:#fff0f3;
	border:1px solid #ffffff;
	color:#5e5e5e;
	font-size:1.3em;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	text-align:left;
	padding-left:20px;
}

.yoyaku_table table td a {
	color:#dd6188;
	text-decoration:none;
}

.yoyaku_table table td a:hover {
	text-decoration:underline;
}

.yoyaku_table table td.ken {
	color:#72192b;
	font-weight:bold;
}

.mirror_table {
	width:960px;
	padding:20px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin:36px auto 72px;
}

.mirror_table table{
	width:960px;
	border-collapse:separate;
	border-spacing:8px;
}

.mirror_table table tr th {
	min-width:200px;
	border-bottom:1px solid #de628a;
	border-right:1px solid #de628a;
	height:40px;
	text-align:center;
}

.mirror_table table tr th span {
	width:198px;
	height:38px;
	font-family: 'Anton', sans-serif;
	line-height:40px;
	background:#B0B0B0;
	border:1px solid #535353;
	color:#535353;
	font-size:1.8em;
	display:block;
	margin:0 auto;
}

.mirror_table table tr th a {
	color:#de628a;
	font-size:1.6em;
	text-decoration:none;
	font-weight:bold;
}

.mirror_table table tr th img {
	margin:0 auto 12px;
}

.mirror_table table tr td {
	height:60px;
}

.mirror_table table tr td a {
	width:200px;
	height:36px;
	margin:0 auto;
	line-height:36px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	display:block;
	font-size:1.8em;
	background:#de628a;
	border-radius:18px;
	font-family: 'Anton', sans-serif;
	transition:all 0.3s;
}

.mirror_table table tr td a:hover {
	background:#F7AAC3;
}

ul.artist_comment li {
	width:450px;
	height:120px;
	float:left;
	display:block;
}

ul.artist_comment li a {
	width:450px;
	height:120px;
	background:#ffffff;
	display:block;
	transition:all 0.3s;
}

.ss_wrap {
	width:920px;
	margin:0 auto;
}

.ss_one {
	width:920px;
	height:150px;
	position:relative;
	margin-bottom:24px;
}

.b_left .icon {
	width:140px;
	height:140px;
	background:#FFF;
	border-radius:70px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:5px;
}

.b_right .icon {
	width:140px;
	height:140px;
	background:#FFF;
	border-radius:70px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:5px;
}

.balloon {
	width:550px;
	height:80px;
	border-radius:15px;
	padding:15px;
	position:absolute;
	left:170px;
	top:20px;
	background-color:#FFF;
	
}

.b_left .balloon {
	margin-left:-5px;
	z-index: 0;
	-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
	-moz-filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
	-o-filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
	filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
}

.b_left .balloon:before {
	content: "";
	position: absolute;
	top: 50%; left: -14px;
	margin-top: -15px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #FFFFFF transparent transparent;
	z-index: 0;
}

.b_right .balloon {
	margin-left:5px;
	z-index: 0;
	-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
	-moz-filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
	-o-filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
	filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
}

.b_right .balloon:before {
	content: "";
	position: absolute;
	top: 50%; right: -14px;
	margin-top: -15px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #FFFFFF;
	z-index: 0;
}

.balloon p {
	width:550px;
	height:80px;
	display:table-cell;
	vertical-align:middle;
	font-size:1.3em;
	text-align:left;
	font-weight:bold;
}

.ss_c01 .balloon {
	color:#ffffff;
	background-color:#ff7baa;
}

.ss_c02 .balloon {
	color:#ffffff;
	background-color:#b7e077;
}

.ss_c03 .balloon {
	color:#ffffff;
	background-color:#b6a399;
}

.ss_c04 .balloon {
	color:#ffffff;
	background-color:#ffad62;
}

.ss_c05 .balloon {
	color:#ffffff;
	background-color:#ff7b82;
}


.ss_c08 .balloon {
	color:#ffffff;
	background-color:#686dd9;
}

.ss_c11 .balloon {
	color:#ffffff;
	background-color:#7F7F7F;
}

.ss_c01 .b_left .balloon:before {	border-color: transparent #ff7baa transparent transparent;}
.ss_c01 .b_right .balloon:before {	border-color: transparent transparent transparent #ff7baa;}

.ss_c02 .b_left .balloon:before {	border-color: transparent #b7e077 transparent transparent;}
.ss_c02 .b_right .balloon:before {	border-color: transparent transparent transparent #b7e077;}

.ss_c03 .b_left .balloon:before {	border-color: transparent #b6a399 transparent transparent;}
.ss_c03 .b_right .balloon:before {	border-color: transparent transparent transparent #b6a399;}

.ss_c04 .b_left .balloon:before {	border-color: transparent #ffad62 transparent transparent;}
.ss_c04 .b_right .balloon:before {	border-color: transparent transparent transparent #ffad62;}

.ss_c05 .b_left .balloon:before {	border-color: transparent #ff7b82 transparent transparent;}
.ss_c05 .b_right .balloon:before {	border-color: transparent transparent transparent #ff7b82;}

.ss_c08 .b_left .balloon:before {	border-color: transparent #686dd9 transparent transparent;}
.ss_c08 .b_right .balloon:before {	border-color: transparent transparent transparent #686dd9;}

.ss_c11 .b_left .balloon:before {	border-color: transparent #7F7F7F transparent transparent;}
.ss_c11 .b_right .balloon:before {	border-color: transparent transparent transparent #7F7F7F;}

.sshead_01 {
	background:url(../special/ssicon/ss_head01.png) left top no-repeat;
	width:1000px;
	height:230px;
	margin:48px auto 24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.sshead_02 {
	background:url(../special/ssicon/ss_head02.png) left top no-repeat;
	width:1000px;
	height:230px;
	margin:48px auto 24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.sshead_03 {
	background:url(../special/ssicon/ss_head03.png) left top no-repeat;
	width:1000px;
	height:230px;
	margin:48px auto 24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.sshead_04 {
	background:url(../special/ssicon/ss_head04.png) left top no-repeat;
	width:1000px;
	height:230px;
	margin:48px auto 24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.sshead_05 {
	background:url(../special/ssicon/ss_head05.png) left top no-repeat;
	width:1000px;
	height:230px;
	margin:48px auto 24px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.ssmenu {
	width:844px;
	margin:0 auto 36px;
	padding-left:24px;
}

.ssmenu ul li {
	float:left;
	margin-right:24px;
}

.ssmenu ul li a {
	width:140px;
	height:40px;
	border-radius:10px;
	background-color:#804948;
	display:block;
	line-height:40px;
	color:#fff;
	text-decoration:none;
	font-size:1.1rem;
	font-weight:bold;
	border:2px solid #804948;
	transition:all 0.3s;
}

.ssmenu ul li a:hover {
	background-color:#fff;
	color:#804948;
	border:2px solid #804948;
}

.retweet_explain {
	background:url(../special/retweet.png) center top no-repeat;
	width:100%;
	height:835px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:40px;
}

.rt01 {
	background:url(../special/re01.png) left top no-repeat;
	width:960px;
	height:400px;
	position:relative;
}

.rt02 {
	background:url(../special/re02.png) left top no-repeat;
	width:960px;
	height:400px;
	position:relative;
}

.rt03 {
	background:url(../special/re03.png) left top no-repeat;
	width:960px;
	height:400px;
	position:relative;
}

.rt04 {
	background:url(../special/re04.png) left top no-repeat;
	width:960px;
	height:400px;
	position:relative;
}

.rt_tweet {
	width:370px;
	height:285px;
	position:absolute;
	top:70px;
	left:555px;
}

.ntokubox {
	width:960px;
	padding:20px;
	background:rgba(255,255,255,0.75);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin:36px auto 16px;
}

.n_toku_sofmap {
	background:url(../special/tokuten/nbg_toku_sofmap.jpg) left top no-repeat;
	width:960px;
	height:1352px;
	position:relative;
}

.n_toku_getchu {
	background:url(../special/tokuten/nbg_toku_getchu.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_medio {
	background:url(../special/tokuten/nbg_toku_medio.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_melonbooks {
	background:url(../special/tokuten/nbg_toku_melonbooks.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_trader {
	background:url(../special/tokuten/nbg_toku_trader.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_goodwill {
	background:url(../special/tokuten/nbg_toku_goodwill.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_toranoana {
	background:url(../special/tokuten/nbg_toku_toranoana.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_gamers {
	background:url(../special/tokuten/nbg_toku_gamers.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.n_toku_official {
	background:url(../special/tokuten/nbg_toku_official.jpg) left top no-repeat;
	width:960px;
	height:687px;
	position:relative;
}

.zoom_dramacd_1a {
	position:absolute;
	top:443px;
	left:534px;
}

.zoom_dramacd_1b {
	position:absolute;
	top:505px;
	left:534px;
}

.zoom_dramacd_2a {
	position:absolute;
	top:1106px;
	left:534px;
}

.zoom_dramacd_2b {
	position:absolute;
	top:1168px;
	left:534px;
}

.zoom_dramacd_3a {
	position:absolute;
	top:443px;
	left:67px;
}

.zoom_dramacd_3b {
	position:absolute;
	top:505px;
	left:67px;
}

a.zoom_dramacd_1a img {opacity:1; transition:all 0.3s;}
a:hover.zoom_dramacd_1a img {opacity:0.7; transition:all 0.3s;}
a.zoom_dramacd_1b img {opacity:1; transition:all 0.3s;}
a:hover.zoom_dramacd_1b img {opacity:0.7; transition:all 0.3s;}
a.zoom_dramacd_2a img {opacity:1; transition:all 0.3s;}
a:hover.zoom_dramacd_2a img {opacity:0.7; transition:all 0.3s;}
a.zoom_dramacd_2b img {opacity:1; transition:all 0.3s;}
a:hover.zoom_dramacd_2b img {opacity:0.7; transition:all 0.3s;}
a.zoom_dramacd_3a img {opacity:1; transition:all 0.3s;}
a:hover.zoom_dramacd_3a img {opacity:0.7; transition:all 0.3s;}
a.zoom_dramacd_3b img {opacity:1; transition:all 0.3s;}
a:hover.zoom_dramacd_3b img {opacity:0.7; transition:all 0.3s;}

a.zoom_dakimakura {
	width:269px;
	height:430px;
	display:block;
	background-color:rgba(255,255,255,0);
	position:absolute;
	left:112px;
	top:111px;
	transition:all 0.3s;
}

a:hover.zoom_dakimakura {
	background-color:rgba(255,255,255,0.3);
}

a.zoom_sofmap_2 {
	width:304px;
	height:430px;
	display:block;
	background-color:rgba(255,255,255,0);
	position:absolute;
	left:95px;
	top:774px;
	transition:all 0.3s;
}

a:hover.zoom_sofmap_2 {
	background-color:rgba(255,255,255,0.3);
}

a.zoom_b2 {
	width:304px;
	height:430px;
	display:block;
	background-color:rgba(255,255,255,0);
	position:absolute;
	left:95px;
	top:111px;
	transition:all 0.3s;
}

a:hover.zoom_b2 {
	background-color:rgba(255,255,255,0.3);
}

a.zoom_toushindai {
	width:134px;
	height:430px;
	display:block;
	background-color:rgba(255,255,255,0);
	position:absolute;
	left:180px;
	top:111px;
	transition:all 0.3s;
}

a:hover.zoom_toushindai {
	background-color:rgba(255,255,255,0.3);
}

a.zoom_toushindai_kari {
	width:184px;
	height:430px;
	display:block;
	background-color:rgba(255,255,255,0);
	position:absolute;
	left:155px;
	top:111px;
	transition:all 0.3s;
}

a:hover.zoom_toushindai {
	background-color:rgba(255,255,255,0.3);
}

.masterup_01 {
	background:url(../special/masterup_01.png) left top no-repeat;
	width:900px;
	height:150px;
	margin:0 auto 24px;
	position:relative;
}

.masterup_02 {
	background:url(../special/masterup_02.png) left top no-repeat;
	width:900px;
	height:150px;
	margin:0 auto 24px;
	position:relative;
}

.masterup_03 {
	background:url(../special/masterup_03.png) left top no-repeat;
	width:900px;
	height:150px;
	margin:0 auto 24px;
	position:relative;
}

.masterup_04 {
	background:url(../special/masterup_04.png) left top no-repeat;
	width:900px;
	height:150px;
	margin:0 auto 24px;
	position:relative;
}

.masterup_05 {
	background:url(../special/masterup_05.png) left top no-repeat;
	width:900px;
	height:150px;
	margin:0 auto 72px;
	position:relative;
}

.music_player {
	position:absolute;
	bottom:15px;
	right:15px;
}

ul.countdown li {
	width:900px;
	height:200px;
	margin:36px auto;
	background:#FFF;
}