@charset "UTF-8";
/*================================================================================
	Modules
================================================================================*/
/* line 7, sass/_modules.scss */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
 *line-height: 0;
}
/* line 8, sass/_modules.scss */
.ir br {
	display: none;
}
/* line 9, sass/_modules.scss */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* line 10, sass/_modules.scss */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* line 11, sass/_modules.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* line 12, sass/_modules.scss */
.invisible {
	visibility: hidden;
}
/* line 13, sass/_modules.scss */
.clearfix:before, .inner:before, .inside:before, #header:before, .topPage #topNav ul:before, .topPage .topContents .movieBox .box:before, .topPage .topContents .updateBox .box:before, .topPage .topContents .publishBox .box:before, .topPage .topContents .publishBox .box .logList:before, .topPage .topContents .publishBox .box .logList li:before, .graphicPage .graphicBox .graphicList:before, .characterPage .charaNav:before, .characterPage .charaDetail .voice ul:before, .characterPage .charaDetail .images:before, .publishPage .pubBgMiddle .logList:before, .publishPage .pubBgMiddle .logList li:before, .clearfix:after, .inner:after, .inside:after, #header:after, .topPage #topNav ul:after, .topPage .topContents .movieBox .box:after, .topPage .topContents .updateBox .box:after, .topPage .topContents .publishBox .box:after, .topPage .topContents .publishBox .box .logList:after, .topPage .topContents .publishBox .box .logList li:after, .graphicPage .graphicBox .graphicList:after, .characterPage .charaNav:after, .characterPage .charaDetail .voice ul:after, .characterPage .charaDetail .images:after, .publishPage .pubBgMiddle .logList:after, .publishPage .pubBgMiddle .logList li:after {
	content: "";
	display: table;
}
/* line 14, sass/_modules.scss */
.clearfix:after, .inner:after, .inside:after, #header:after, .topPage #topNav ul:after, .topPage .topContents .movieBox .box:after, .topPage .topContents .updateBox .box:after, .topPage .topContents .publishBox .box:after, .topPage .topContents .publishBox .box .logList:after, .topPage .topContents .publishBox .box .logList li:after, .graphicPage .graphicBox .graphicList:after, .characterPage .charaNav:after, .characterPage .charaDetail .voice ul:after, .characterPage .charaDetail .images:after, .publishPage .pubBgMiddle .logList:after, .publishPage .pubBgMiddle .logList li:after {
	clear: both;
}
/* line 15, sass/_modules.scss */
.clearfix, .inner, .inside, #header, .topPage #topNav ul, .topPage .topContents .movieBox .box, .topPage .topContents .updateBox .box, .topPage .topContents .publishBox .box, .topPage .topContents .publishBox .box .logList, .topPage .topContents .publishBox .box .logList li, .graphicPage .graphicBox .graphicList, .characterPage .charaNav, .characterPage .charaDetail .voice ul, .characterPage .charaDetail .images, .publishPage .pubBgMiddle .logList, .publishPage .pubBgMiddle .logList li {
 *zoom: 1;
}
/* line 17, sass/_modules.scss */
.size10-fix {
	font-size: 10px;
	line-height: 1.5;
}
/* line 22, sass/_modules.scss */
.size12-fix {
	font-size: 12px !important;
}
/* line 26, sass/_modules.scss */
.colorGreen {
	color: #48AB35 !important;
}
/* line 30, sass/_modules.scss */
.colorOrange {
	color: #FF7E00 !important;
}
/* line 34, sass/_modules.scss */
.center {
	text-align: center !important;
}
/* line 35, sass/_modules.scss */
.tRight {
	text-align: right !important;
}
/* line 36, sass/_modules.scss */
.clear {
	clear: both;
}
/* line 37, sass/_modules.scss */
.mb0 {
	margin-bottom: 0px !important;
}
/* line 38, sass/_modules.scss */
.mb5 {
	margin-bottom: 5px !important;
}
/* line 39, sass/_modules.scss */
.mb10 {
	margin-bottom: 10px !important;
}
/* line 40, sass/_modules.scss */
.mb15 {
	margin-bottom: 15px !important;
}
/* line 41, sass/_modules.scss */
.mb20 {
	margin-bottom: 20px !important;
}
/* line 42, sass/_modules.scss */
.mb25 {
	margin-bottom: 25px !important;
}
/* line 43, sass/_modules.scss */
.mb30 {
	margin-bottom: 30px !important;
}
/* line 44, sass/_modules.scss */
.mb35 {
	margin-bottom: 35px !important;
}
/* line 45, sass/_modules.scss */
.mb40 {
	margin-bottom: 40px !important;
}
/* line 46, sass/_modules.scss */
.mb45 {
	margin-bottom: 45px !important;
}
/* line 47, sass/_modules.scss */
.mb50 {
	margin-bottom: 50px !important;
}
/* line 48, sass/_modules.scss */
.mb55 {
	margin-bottom: 55px !important;
}
/* line 49, sass/_modules.scss */
.mb60 {
	margin-bottom: 60px !important;
}
/* line 50, sass/_modules.scss */
.mb65 {
	margin-bottom: 65px !important;
}
/* line 51, sass/_modules.scss */
.mb70 {
	margin-bottom: 70px !important;
}
/* line 53, sass/_modules.scss */
.mt0 {
	margin-bottom: 0px !important;
}
/* line 54, sass/_modules.scss */
.mt5 {
	margin-bottom: 5px !important;
}
/* line 55, sass/_modules.scss */
.mt10 {
	margin-bottom: 10px !important;
}
/* line 56, sass/_modules.scss */
.mt15 {
	margin-bottom: 15px !important;
}
/* line 57, sass/_modules.scss */
.mt20 {
	margin-bottom: 20px !important;
}
/* line 58, sass/_modules.scss */
.mt25 {
	margin-bottom: 25px !important;
}
/* line 59, sass/_modules.scss */
.mt30 {
	margin-bottom: 30px !important;
}
/* line 60, sass/_modules.scss */
.mt35 {
	margin-bottom: 35px !important;
}
/* line 61, sass/_modules.scss */
.mt40 {
	margin-bottom: 40px !important;
}
/* line 63, sass/_modules.scss */
.pt0 {
	padding-top: 0px !important;
}
/* line 64, sass/_modules.scss */
.pt5 {
	padding-top: 5px !important;
}
/* line 65, sass/_modules.scss */
.pt10 {
	padding-top: 10px !important;
}
/* line 66, sass/_modules.scss */
.pt15 {
	padding-top: 15px !important;
}
/* line 67, sass/_modules.scss */
.pt20 {
	padding-top: 20px !important;
}
/* line 68, sass/_modules.scss */
.pt25 {
	padding-top: 25px !important;
}
/* line 69, sass/_modules.scss */
.pt30 {
	padding-top: 30px !important;
}
/* line 71, sass/_modules.scss */
.tableStyle01 {
	background-color:#666666;
	margin: 0 auto 15px auto;
}
/* line 72, sass/_modules.scss */
.tableStyle01 th {
	padding: 4px;
}
/* line 73, sass/_modules.scss */
.tableStyle01 td {
	padding: 4px;
}
/* line 74, sass/_modules.scss */
.tableStyle01 td.cellCap {
	background-color: #FFB93F;
	color: #666666 !important;
	font-weight: bold;
}
/* line 75, sass/_modules.scss */
.tableStyle01 td.tdCap {
	background-color: #FFFFFF;
	color: #666666 !important;
	padding: 5px;
}
/* line 76, sass/_modules.scss */
.tableStyle01 tr.trCap td {
	background-color: #FFFFFF;
	color: #666666 !important;
	padding: 5px;
	vertical-align: middle;
	text-align: center !important;
	white-space: nowrap;
}

/* line 71, sass/_modules.scss */
.tableStyle02 {
	background-color:#666666;
	margin: 0 auto 15px auto;
}
/* line 72, sass/_modules.scss */
.tableStyle02 th {
	padding: 4px;
}
/* line 73, sass/_modules.scss */
.tableStyle02 td {
	padding: 4px;
}
/* line 74, sass/_modules.scss */
.tableStyle02 td.cellCap {
	background-color: #FFB93F;
	color: #666666 !important;
	font-weight: bold;
}
/* line 75, sass/_modules.scss */
.tableStyle02 td.tdCap {
	background-color: #FFFFFF;
	color: #666666 !important;
	padding: 5px;
}

/* line 76, sass/_modules.scss */
.tableStyle02 tr.trCap td {
	background-color: #FFFFFF;
	color: #666666 !important;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/* line 87, sass/_modules.scss */
html, button, input, select, textarea {
	color: #222;
	margin: 0;
	padding: 0;
}

/* line 93, sass/_modules.scss */
::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
/* line 98, sass/_modules.scss */
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/* line 103, sass/_modules.scss */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/* line 112, sass/_modules.scss */
img {
	vertical-align: middle;
	border: 0;
}
/* line 116, sass/_modules.scss */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* line 122, sass/_modules.scss */
textarea {
	resize: vertical;
}
/* line 126, sass/_modules.scss */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* line 133, sass/_modules.scss */
ul, ol, ul li, ol li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
/* line 140, sass/_modules.scss */
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	color: #333333;
}
/* line 149, sass/_modules.scss */
a:link, a:visited {
	color: #523931;
	text-decoration: none;
}
/* line 154, sass/_modules.scss */
a:hover, a:active {
	color: #907969;
	text-decoration: underline;
}
/*================================================================================
	Base Formats
================================================================================*/
/* line 12, sass/_base.scss */
body {
	background: url(../img/bg_body.gif) 50% 0 repeat;
}
/* line 16, sass/_base.scss */
.inner {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	position: relative;
	margin: 0 auto;
}
/* line 23, sass/_base.scss */
.inside {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}
/* line 30, sass/_base.scss */
#wrapper {
	width: 100%;
	display: table;
	background: url(../img/bg_head.gif) 50% 0 no-repeat;
}
/* line 36, sass/_base.scss */
.bgFoot {
	width: 100%;
	display: table;
	background: url(../img/bg_foot.gif) 50% 100% no-repeat;
}
/* line 42, sass/_base.scss */
.pagetop {
	width: 1px;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
/*================================================================================
	Header
================================================================================*/
/* line 52, sass/_base.scss */
#header {
	height: 100px;
	position: relative;
	margin-bottom: 5px;
	background: url(../img/hd_glnav_bg.png) 0 0 no-repeat;
}
/* line 59, sass/_base.scss */
#header h1 {
	float: left;
	width: 183px;
	height: 83px;
	margin: 9px 0 0 29px;
}
/* line 65, sass/_base.scss */
#header .glnav {
	width: 745px;
	float: right;
	margin-top: 26px;
}
/* line 70, sass/_base.scss */
#header .glnav li {
	float: left;
	margin-right: 6px;
}
/*================================================================================
	Secondary
================================================================================*/
/* line 83, sass/_base.scss */
.secondary h2 {
	margin: 0 0 5px 5px;
}
/* line 87, sass/_base.scss */
.secondary .column {
	margin-bottom: 5px;
}
/* line 90, sass/_base.scss */
.secondary .column .bgTop {
	height: 7px;
	line-height: 7px;
	font-size: 7px;
	background: url(../img/bg_contents02_top.png) 0 0 no-repeat;
}
/* line 97, sass/_base.scss */
.secondary .column .bgBottom {
	height: 7px;
	line-height: 7px;
	font-size: 7px;
	background: url(../img/bg_contents02_bottom.png) 0 0 no-repeat;
}
/* line 104, sass/_base.scss */
.secondary .column .bgMiddle {
	text-align: center;
	background: url(../img/bg_contents02_middle.png) 0 0 repeat-y;
}
/*================================================================================
	Footer
================================================================================*/
/* line 116, sass/_base.scss */
#footer {
	text-align: center;
	margin-bottom: 30px;
}
/* line 120, sass/_base.scss */
#footer .inside {
	padding-top: 12px;
	width: 950px;
	position: relative;
	background: url(../img/bar_dot01.gif) 0 0 repeat-x;
}
/* line 127, sass/_base.scss */
#footer .ftLogo {
	width: 120px;
	float: left;
	margin-right: 5px;
	margin-left: 7px;
}
/* line 134, sass/_base.scss */
#footer .copyright {
	width: 530px;
	float: left;
	margin-top: 24px;
}
/* line 140, sass/_base.scss */
#footer .btnPagetop {
	width: 68px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 12px;
}
/*================================================================================
	Index
================================================================================*/
/* line 12, sass/_index.scss */
#indexPage {
	height: 100%;
	width: 100%;
}
/* line 16, sass/_index.scss */
#indexPage #indexWrap {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 0;
}
/* line 25, sass/_index.scss */
#indexPage .indexBox {
	width: 712px;
	height: 450px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -356px;
	margin-top: -225px;
	text-align: center;
}
/* line 34, sass/_index.scss */
#indexPage .indexBox .box {
	margin-bottom: 25px;
	width: 712px;
	height: 366px;
	background: url(../../img/index/bg_enter.png) no-repeat;
}
/* line 41, sass/_index.scss */
#indexPage h1 {
	margin: 0 0 14px 0;
	padding-top: 25px;
}
/* line 46, sass/_index.scss */
#indexPage .copy {
	margin-bottom: 20px;
}
/* line 50, sass/_index.scss */
#indexPage .button {
	width: 116px;
	height: 60px;
	margin: 0 auto;
}
/* line 55, sass/_index.scss */
#indexPage .caption {
	font-size: 10px;
	text-align: left;
	width: 570px;
	margin: 0 auto;
	line-height: 1.4;
	margin-top: 20px;
}
/*================================================================================
	Top
================================================================================*/
/* line 12, sass/_top.scss */
.topPage {
	text-align: center;
}
/* line 15, sass/_top.scss */
.topPage #mainVisual {
	padding-top: 5px;
	background: url(../img/bg_contents.png) 0 0 repeat-y;
}
/* line 19, sass/_top.scss */
.topPage #mainVisual .inside {
	width: 940px;
	height: 652px;
	position: relative;
}
/* line 23, sass/_top.scss */
.topPage #mainVisual .inside p {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
/* line 29, sass/_top.scss */
.topPage #topNav {
	height: 118px;
	position: relative;
	margin-bottom: 10px;
	background: url(../img/top_glnav_bg.png) 0 0 no-repeat;
}
/* line 35, sass/_top.scss */
.topPage #topNav h1 {
	position: absolute;
	left: 18px;
	top: 19px;
	z-index: 0;
	position: absolute;
}
/* line 40, sass/_top.scss */
.topPage #topNav ul {
	position: absolute;
	left: 213px;
	top: 23px;
	z-index: 0;
}
/* line 45, sass/_top.scss */
.topPage #topNav li {
	float: left;
	margin-right: 6px;
}
/* line 51, sass/_top.scss */
.topPage .bannerArea {
	margin-bottom: 10px;/*
  .bgTop{
  	height:7px;
  	line-height:7px;
  	font-size:7px;
  	background:url(#{$img_path}top/bg_banner_top.png) 0 0 no-repeat;
  }
  
  .bgBottom{
  	height:7px;
  	line-height:7px;
  	font-size:7px;
  	background:url(#{$img_path}top/bg_banner_bottom.png) 0 0 no-repeat;
  }
  
  .box{
  	text-align:center;
  	background:url(#{$img_path}top/bg_banner_middle.png) 0 0 repeat-y;
  }
  */
}
/* line 74, sass/_top.scss */
.topPage .bannerArea .box {
	text-align: center;
}
/* line 77, sass/_top.scss */
.topPage .bannerArea .box p {
	margin-bottom: 5px;
}
/* line 84, sass/_top.scss */
.topPage .topContents {
	position: relative;
	margin-bottom: 10px;
	height: 560px;
}
/* line 90, sass/_top.scss */
.topPage .topContents .movieBox {
	width: 615px;
	height: 294px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	background: url(../../img/top/bg_movie.png) 0 0 no-repeat;
}
/* line 95, sass/_top.scss */
.topPage .topContents .movieBox .box {
	position: relative;
}
/* line 99, sass/_top.scss */
.topPage .topContents .movieBox .box h2 {
	margin-left: 15px;
	margin-top: 32px;
	width: 186px;
	float: left;
}
/* line 106, sass/_top.scss */
.topPage .topContents .movieBox .box .frame {
	width: 384px;
	height: 240px;
	float: right;
	margin-top: 32px;
	margin-right: 22px;
	text-align: center;
	padding-top: 7px;
	background: url(../../img/top/bg_movie_frame.gif) 0 0 no-repeat;
}
/* line 116, sass/_top.scss */
.topPage .topContents .movieBox .box .none {
	background: url(../../img/top/bg_movie_frame_none.gif) 0 0 no-repeat;
}
/* line 123, sass/_top.scss */
.topPage .topContents .twitterBox {
	width: 330px;
	height: 392px;
	position: absolute;
	left: 625px;
	top: 2px;
	z-index: 0;
}
/* line 129, sass/_top.scss */
.topPage .topContents .updateBox {
	width: 368px;
	height: 258px;
	position: absolute;
	left: 0px;
	top: 298px;
	z-index: 0;
	background: url(../../img/top/bg_update.png) 0 0 no-repeat;
}
/* line 134, sass/_top.scss */
.topPage .topContents .updateBox .title {
	margin-top: 18px;
	margin-bottom: 15px;
}
/* line 139, sass/_top.scss */
.topPage .topContents .updateBox .box {
	position: relative;
}
/* line 143, sass/_top.scss */
.topPage .topContents .updateBox .box h2 {
	float: left;
	margin-left: 13px;
}
/* line 148, sass/_top.scss */
.topPage .topContents .updateBox .box .btnRss {
	float: right;
	margin-right: 10px;
	margin-top: 12px;
}
/* line 154, sass/_top.scss */
.topPage .topContents .updateBox .box .logList {
	width: 325px;
	height: 170px;
	overflow: auto;
	margin-left: 25px;
}
/* line 160, sass/_top.scss */
.topPage .topContents .updateBox .box .logList li {
	font-size: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
}
/* line 165, sass/_top.scss */
.topPage .topContents .updateBox .box .logList li .date {
	font-weight: bold;
}
/* line 170, sass/_top.scss */
.topPage .topContents .updateBox .box .logList a:link, .topPage .topContents .updateBox .box .logList a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
/* line 174, sass/_top.scss */
.topPage .topContents .updateBox .box .logList a:hover, .topPage .topContents .updateBox .box .logList a:active {
	color: #CCCCCC;
	text-decoration: none;
}
/* line 183, sass/_top.scss */
.topPage .topContents .blogBox {
	width: 245px;
	height: 98px;
	position: absolute;
	left: 370px;
	top: 298px;
	z-index: 0;
}
/* line 189, sass/_top.scss */
.topPage .topContents .publishBox {
	width: 588px;
	height: 157px;
	position: absolute;
	left: 370px;
	top: 399px;
	z-index: 0;
	background: url(../../img/top/bg_publish.png) 0 0 no-repeat;
}
/* line 194, sass/_top.scss */
.topPage .topContents .publishBox .box {
	position: relative;
}
/* line 198, sass/_top.scss */
.topPage .topContents .publishBox .box h2 {
	margin-left: 9px;
	margin-bottom: 13px;
	margin-top: 15px;
}
/* line 204, sass/_top.scss */
.topPage .topContents .publishBox .box .btnPub {
	width: 49px;
	height: 14px;
	position: absolute;
	left: 530px;
	top: 16px;
	z-index: 0;
}
/* line 209, sass/_top.scss */
.topPage .topContents .publishBox .box .logList {
	margin-left: 20px;
}
/* line 213, sass/_top.scss */
.topPage .topContents .publishBox .box .logList li {
	width: 180px;
	float: left;
	margin-right: 10px;
	background: url(../img/bar_dot02.png) 100% 0 repeat-y;
}
/* line 221, sass/_top.scss */
.topPage .topContents .publishBox .box .logList .last {
	margin-right: 0;
	background: none;
}
/* line 226, sass/_top.scss */
.topPage .topContents .publishBox .box .logList .ph {
	width: 70px;
	height: 93px;
	float: left;
	text-align: center;
	padding-top: 4px;
	background: url(../../img/top/bg_publish_ph.png) 0 0 no-repeat;
}
/* line 234, sass/_top.scss */
.topPage .topContents .publishBox .box .logList .text {
	width: 95px;
	float: left;
	font-size: 10px;
	margin-left: 10px;
	color: #FFFFFF;
}
/* line 241, sass/_top.scss */
.topPage .topContents .publishBox .box .logList .text .title {
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}
/*================================================================================
	Reserved
================================================================================*/
/* line 12, sass/_reserved.scss */
.reservedPage {
	text-align: center;
}
/* line 16, sass/_reserved.scss */
.reservedPage .campaignBox {
	height: 2929px;
	position: relative;
	text-align: center !important;
	background: url(../../img/reserved/bg_reserved.jpg) no-repeat;
	background-image: url(../../img/reserved/bg_reserved.jpg);
}
/* line 22, sass/_reserved.scss */
.reservedPage .campaignBox .box {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 940px;
}
/* line 30, sass/_reserved.scss */
.reservedPage .campaignBox .title {
	margin-top: 15px;
}
/* line 34, sass/_reserved.scss */
.reservedPage .campaignBox .num01 {
	width: 204px;
	height: 224px;
	position: absolute;
	left: 0px;
	top: 332px;
	z-index: 0;
}
/* line 39, sass/_reserved.scss */
.reservedPage .campaignBox .num02 {
	width: 213px;
	height: 236px;
	position: absolute;
	left: 0px;
	top: 1140px;
	z-index: 0;
}

.reservedPage .campaignBox .num03 {
	width: 223px;
	height: 378px;
	position: absolute;
	left: 0px;
	top: 1800px;
	z-index: 0;
}

/* line 46, sass/_reserved.scss */
.reservedPage .shoplistBox {
	width: 910px;
	padding: 10px 0;
}
/* line 51, sass/_reserved.scss */
.reservedPage .shoplistBox .campaign td {
	background-color: #FFF899;
}
/* line 54, sass/_reserved.scss */
.reservedPage .shoplistBox .campaign img {
	vertical-align: middle;
}
/*================================================================================
	Introduction
================================================================================*/
/* line 12, sass/_introduction.scss */
.introPage {
	text-align: center;
}
/* line 16, sass/_introduction.scss */
.introPage .aboutBox {
	height: 1047px;
	position: relative;
	text-align: center !important;
	background: url(../../img/introduction/bg_about.jpg) 50% 0 no-repeat;
}
/* line 24, sass/_introduction.scss */
.introPage .captionBox {
	width: 230px;
	height: 974px;
	position: absolute;
	right: -213px;
	top: 240px;
	padding-top: 15px;
	background: url(../../img/introduction/bg_caption.png) 0 0 no-repeat;
}
/* line 32, sass/_introduction.scss */
.introPage .captionBox p {
	margin-bottom: 10px;
	margin-left: 30px;
}
/* line 39, sass/_introduction.scss */
.introPage .introBox {
	position: relative;
	height: 1060px;
	margin-bottom: 40px;
}
/* line 44, sass/_introduction.scss */
.introPage .introBox .intro01 {
	position: absolute;
	left: 3px;
	top: 0px;
	z-index: 0;
}
/* line 45, sass/_introduction.scss */
.introPage .introBox .intro02 {
	position: absolute;
	left: -15px;
	top: 361px;
	z-index: 1;
}
/* line 46, sass/_introduction.scss */
.introPage .introBox .intro03 {
	position: absolute;
	left: 259px;
	top: 520px;
	z-index: 2;
}
/* line 47, sass/_introduction.scss */
.introPage .introBox .intro04 {
	position: absolute;
	left: 40px;
	top: 683px;
	z-index: 3;
}
/* line 48, sass/_introduction.scss */
.introPage .introBox .intro05 {
	position: absolute;
	left: 3px;
	top: 874px;
	z-index: 4;
}
/*================================================================================
	Story
================================================================================*/
/* line 12, sass/_story.scss */
.storyPage {
	text-align: center;
}
/* line 16, sass/_story.scss */
.storyPage .storyBox {
	height: 1320px;
	position: relative;
	text-align: center !important;
	background: url(../../img/story/bg_story.jpg) 50% 0 no-repeat;
}
/*================================================================================
	Graphic
================================================================================*/
/* line 12, sass/_graphic.scss */
.graphicPage {
	text-align: center;
}
/* line 16, sass/_graphic.scss */
.graphicPage .graphicBox {
	height: 724px;
	position: relative;
	text-align: center !important;
	background: url(../../img/graphic/bg_graphic.jpg) 50% 0 no-repeat;
}
/* line 22, sass/_graphic.scss */
.graphicPage .graphicBox .graphicList {
	width: 850px;
	display: block;
	margin: 0 auto;
	padding-top: 40px;
}
/* line 30, sass/_graphic.scss */
.graphicPage .graphicBox li {
	width: 265px;
	height: 151px;
	float: left;
	margin: 0 9px 10px 9px;
	background: url(../../img/graphic/bg_graphic_thumb.png) 0 0 no-repeat;
}
/* line 36, sass/_graphic.scss */
.graphicPage .graphicBox li a {
	display: block;
	margin-top: 8px;
}
/*================================================================================
	Graphic
================================================================================*/
/* line 12, sass/_digicon.scss */
.digiconPage {
	text-align: center;
}
/* line 16, sass/_digicon.scss */
.digiconPage .inside {
	position: relative;
	text-align: center !important;
	background: url(../img/bg_secondary_content.gif) 50% 0 no-repeat;
}
/* line 21, sass/_digicon.scss */
.digiconPage .inside .box {
	width: 900px;
	margin: 20px auto 30px auto;
	text-align: left;
}
/* line 26, sass/_digicon.scss */
.digiconPage .inside .box h3 {
	margin-bottom: 15px;
}
/*================================================================================
	Outline
================================================================================*/
/* line 12, sass/_outline.scss */
.outlinePage {
	text-align: center;
}
/* line 15, sass/_outline.scss */
.outlinePage .column {
	margin-bottom: 20px;
}
/* line 20, sass/_outline.scss */
.outlinePage .inside {
	position: relative;
	text-align: center !important;
	background: url(../img/bg_secondary_content.gif) 50% 0 no-repeat;
}
/* line 25, sass/_outline.scss */
.outlinePage .inside .box {
	width: 900px;
	margin: 20px auto 30px auto;
	text-align: left;
}
/* line 30, sass/_outline.scss */

.outlinePage .inside .box h3 {
	margin-bottom: 15px;
}

.tableStyle01 p.shopName {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	margin-top: 5px;
}

.tableStyle01 p.btnReserve {
	float: left;
	margin-bottom: 0;
}


/*================================================================================
	Character
================================================================================*/
/* line 12, sass/_character.scss */
.characterPage {
	text-align: center;
}
/* line 16, sass/_character.scss */
.characterPage .charaNavTop {
	position: relative;
	text-align: center !important;
	height: 892px;
	background: url(../../img/character/bg_character.jpg) 50% 0 no-repeat;
}
/* line 22, sass/_character.scss */
.characterPage .charaNavTop p {
	width: 201px;
	height: 219px;
}
/* line 26, sass/_character.scss */
.characterPage .charaNavTop .charaNav01 {
	position: absolute;
	left: 217px;
	top: 79px;
	z-index: 0;
}
/* line 27, sass/_character.scss */
.characterPage .charaNavTop .charaNav02 {
	position: absolute;
	left: 422px;
	top: 79px;
	z-index: 0;
}
/* line 28, sass/_character.scss */
.characterPage .charaNavTop .charaNav03 {
	position: absolute;
	left: 114px;
	top: 269px;
	z-index: 0;
}
/* line 29, sass/_character.scss */
.characterPage .charaNavTop .charaNav04 {
	position: absolute;
	left: 320px;
	top: 269px;
	z-index: 0;
}
/* line 30, sass/_character.scss */
.characterPage .charaNavTop .charaNav05 {
	position: absolute;
	left: 526px;
	top: 269px;
	z-index: 0;
}
/* line 31, sass/_character.scss */
.characterPage .charaNavTop .charaNav06 {
	position: absolute;
	left: 730px;
	top: 269px;
	z-index: 0;
}
/* line 32, sass/_character.scss */
.characterPage .charaNavTop .charaNav07 {
	position: absolute;
	left: 13px;
	top: 457px;
	z-index: 0;
}
/* line 33, sass/_character.scss */
.characterPage .charaNavTop .charaNav08 {
	position: absolute;
	left: 216px;
	top: 457px;
	z-index: 0;
}
/* line 34, sass/_character.scss */
.characterPage .charaNavTop .charaNav09 {
	position: absolute;
	left: 425px;
	top: 457px;
	z-index: 0;
}
/* line 35, sass/_character.scss */
.characterPage .charaNavTop .charaNav10 {
	position: absolute;
	left: 525px;
	top: 651px;
	z-index: 0;
}
/* line 36, sass/_character.scss */
.characterPage .charaNavTop .charaNav11 {
	position: absolute;
	left: 730px;
	top: 651px;
	z-index: 0;
}
/* line 40, sass/_character.scss */
.characterPage .charaNav {
	width: 960px;
	height: 159px;
	margin-bottom: 5px;
	background: url(../../img/character/bg_chara_nav.png) 0 0 no-repeat;
}
/* line 46, sass/_character.scss */
.characterPage .charaNav ul {
	margin: 21px 0 0 38px;
}
/* line 50, sass/_character.scss */
.characterPage .charaNav li {
	float: left;
	margin: 0 7px 7px 0;
}
/* line 55, sass/_character.scss */
.characterPage .charaNav .second {
	margin-left: 73px;
}
/* line 61, sass/_character.scss */
.characterPage .charaDetail {
	width: 960px;
	height: 1047px;
	position: relative;
}
/* line 65, sass/_character.scss */
.characterPage .charaDetail .profile {
	position: absolute;
	left: 710px;
	top: 157px;
	z-index: 0;
}
/* line 69, sass/_character.scss */
.characterPage .charaDetail .detail {
	position: absolute;
	top: 431px;
	z-index: 1;
	right: 18px;
}
/* line 76, sass/_character.scss */
.characterPage .charaDetail .voice {
	width: 364px;
	height: 76px;
	position: absolute;
	left: 577px;
	top: 920px;
	z-index: 0;
	background: url(../../img/character/bg_voice.png) 0 0 no-repeat;
}
/* line 81, sass/_character.scss */
.characterPage .charaDetail .voice ul {
	margin: 28px 0 0 21px;
}
/* line 86, sass/_character.scss */
.characterPage .charaDetail .voice li {
	width: 47px;
	height: 31px;
	float: left;
	margin-right: 21px;
}
/* line 93, sass/_character.scss */
.characterPage .charaDetail .images {
	position: absolute;
	left: 20px;
	top: 895px;
	z-index: 0;
}
/* line 97, sass/_character.scss */
.characterPage .charaDetail .images p {
	float: left;
	margin-right: 5px;
}
/* line 104, sass/_character.scss */
.characterPage .chara01 {
	background: url(../../img/character/chara01_bg.png) 0 0 no-repeat;
}
/* line 105, sass/_character.scss */
.characterPage .chara02 {
	background: url(../../img/character/chara02_bg.png) 0 0 no-repeat;
}
/* line 106, sass/_character.scss */
.characterPage .chara03 {
	background: url(../../img/character/chara03_bg.png) 0 0 no-repeat;
}
/* line 107, sass/_character.scss */
.characterPage .chara04 {
	background: url(../../img/character/chara04_bg.png) 0 0 no-repeat;
}
/* line 108, sass/_character.scss */
.characterPage .chara05 {
	background: url(../../img/character/chara05_bg.png) 0 0 no-repeat;
}
/* line 109, sass/_character.scss */
.characterPage .chara06 {
	background: url(../../img/character/chara06_bg.png) 0 0 no-repeat;
}
/* line 110, sass/_character.scss */
.characterPage .chara07 {
	background: url(../../img/character/chara07_bg.png) 0 0 no-repeat;
}
/* line 111, sass/_character.scss */
.characterPage .chara08 {
	background: url(../../img/character/chara08_bg.png) 0 0 no-repeat;
}
/* line 112, sass/_character.scss */
.characterPage .chara09 {
	background: url(../../img/character/chara09_bg.png) 0 0 no-repeat;
}
/* line 113, sass/_character.scss */
.characterPage .chara10 {
	background: url(../../img/character/chara10_bg.png) 0 0 no-repeat;
}
/* line 114, sass/_character.scss */
.characterPage .chara11 {
	background: url(../../img/character/chara11_bg.png) 0 0 no-repeat;
}
/* line 116, sass/_character.scss */
.characterPage .gift {
	width: 960px;
	position: absolute;
	left: 0px;
	top: 1310px;
	z-index: 0;
	text-align: center;
}
/*================================================================================
	Publish Log
================================================================================*/
/* line 12, sass/_publish.scss */
.publishPage {
	text-align: center;
}
/* line 15, sass/_publish.scss */
.publishPage .pubBgTop {
	height: 13px;
	font-size: 13px;
	line-height: 13px;
	background: url(../../img/publish/bg_publish_top.png) 0 0 no-repeat;
}
/* line 22, sass/_publish.scss */
.publishPage .pubBgBottom {
	height: 13px;
	font-size: 13px;
	line-height: 13px;
	background: url(../../img/publish/bg_publish_bottom.png) 0 0 no-repeat;
}
/* line 29, sass/_publish.scss */
.publishPage .pubBgMiddle {
	background: url(../../img/publish/bg_publish_middle.png) repeat-y;
}
/* line 32, sass/_publish.scss */
.publishPage .pubBgMiddle h2 {
	margin: 0 0 15px 11px;
	padding-top: 2px;
}
/* line 37, sass/_publish.scss */
.publishPage .pubBgMiddle .logList {
	width: 900px;
	min-height: 600px;
	margin: 0 auto;
	text-align: left;
}
/* line 44, sass/_publish.scss */
.publishPage .pubBgMiddle .logList li {
	width: 210px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	background: url(../img/bar_dot02.png) 100% 0 repeat-y;
}
/* line 53, sass/_publish.scss */
.publishPage .pubBgMiddle .logList .ph {
	width: 70px;
	height: 93px;
	float: left;
	text-align: center;
	padding-top: 4px;
	background: url(../../img/top/bg_publish_ph.png) 0 0 no-repeat;
}
/* line 61, sass/_publish.scss */
.publishPage .pubBgMiddle .logList .text {
	width: 125px;
	float: left;
	font-size: 10px;
	margin-left: 10px;
	color: #FFFFFF;
}
/* line 68, sass/_publish.scss */
.publishPage .pubBgMiddle .logList .text .title {
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
/* line 8, sass/_print.scss */
* {
	background: transparent !important;
	color: #000 !important;
	/* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
/* line 16, sass/_print.scss */
a, a:visited {
	text-decoration: underline;
}
/* line 20, sass/_print.scss */
a[href]:after {
	content: " (" attr(href) ")";
}
/* line 24, sass/_print.scss */
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
   * Don't show links for images, or javascript/internal links
   */
  /* line 34, sass/_print.scss */
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
/* line 39, sass/_print.scss */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
/* line 44, sass/_print.scss */
thead {
	display: table-header-group;/* h5bp.com/t */
}
/* line 49, sass/_print.scss */
tr, img {
	page-break-inside: avoid;
}
/* line 53, sass/_print.scss */
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
/* line 63, sass/_print.scss */
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
/* line 69, sass/_print.scss */
h2, h3 {
	page-break-after: avoid;
}
}
1