@charset "utf-8";
/*
#hdInfo:after{
	content: "";
	width: 362px;
	height: 348px;
	display: block;
	position: absolute;
	background-image: url(../img/common/chara.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	top: 14px;
	right: -30px;
	z-index: 9999;
}
*/
header#ev #hdInner h2:after{
	width: 320px;
	top: 0;
	left: -165px;
	height: 376px;
	background-image: url(../img/anime/anime_ev.png);
}
/*-----------------------------------------------------
スマホ版はこちら
-------------------------------------------------------*/
#induction {
	min-width: 1206px;
	width:100%;
	font-size:42px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	position:absolute;
	display:table;
	top:-9999px;
	left: 0;
	z-index:10000;
	font-weight:bold;
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:0 0 2px rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.6);
}
.inductCell{
	display:table-cell;
	height:200px;
	padding:0 20px;
	vertical-align:middle;
	text-align:center;
}
a.spnlink {
	color:#ffffff;
	text-decoration:none;
	text-shadow: 3px 3px 0px hsla(0,0%,0%,0.45);
}
p.induceclose {
	width: 160px;
	height: 60px;
	line-height:60px;
	text-align:center;
	text-decoration:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7b7b7b), color-stop(0.00, #ababab));
	background: -webkit-linear-gradient(#ababab, #7b7b7b);
	background: -moz-linear-gradient(#ababab, #7b7b7b);
	background: linear-gradient(#ababab, #7b7b7b);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	color:#fff;
	border-radius:5px;
	display: block;
	float: right;
	cursor:pointer;
	text-shadow: 3px 3px 0px hsla(0,0%,0%,0.45);
}
/*-----------------------------------------------------
各pxに対応する、IEハックで指定するパーセント
12px 	75%
13px 	82%
14px 	88%
15px 	94%
16px 	100%

基本サイズ12px	基本サイズ13px	基本サイズ14px
10px 	 84%			10px 	 77%			10px 	 72%
11px 	 92%			11px 	 85%			11px 	 79%
12px 	100%			12px 	 93%			12px 	 86%
13px 	109%			13px 	100%			13px 	 93%
14px 	117%			14px 	108%			14px 	100%
15px 	125%			15px 	116%			15px 	108%
16px 	134%			16px 	124%			16px 	115%
17px 	142%			17px 	131%			17px 	122%
18px 	150%			18px 	139%			18px 	129%
19px 	159%			19px 	147%			19px 	136%
20px 	167%			20px 	154%			20px 	143%
21px 	175%			21px 	162%			21px 	150%
22px 	184%			22px 	170%			22px 	158%
23px 	192%			23px 	177%			23px 	165%
24px 	200%			24px 	185%			24px 	172%
25px 	209%			25px 	193%			25px 	179%
26px 	217%			26px 	200%			26px 	186%
-------------------------------------------------------*/
html {height:100%;}
body {
	/*	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
	font-size:14px;
	color:#333333;
	line-height:1.5;
	margin:0px;
	padding:0px;
	background-color:#fefaef;
	background-position: 50% 0%;
}
/* for IE8 */
head~/* */body {font-size: 88%;}
html:not(:target) body {font-size:18px;}

body#sp{background-color: #fff; background-image: url(../img/bg/base_sp.jpg);}
body#sm{background-color: #fff; background-image: url(../img/bg/base_sm.jpg);}
body#fl{background-color: #fff; background-image: url(../img/bg/base_fl.jpg);}
body#wn{background-color: #fff; background-image: url(../img/bg/base_wn.jpg);}

#wrapper {
	width: 1048px;
	padding: 20px 80px 50px;
	/*padding: 20px 146px 50px;*/
	margin: 0 auto;
	text-align: left;
}
#container{min-width: 1208px;}
/*body#sp #wrapper {background: url(../img/bg/txt_sp.jpg) 50% 63px no-repeat;}*/
body#sp #container {background: url(../img/bg/txt_sp.jpg) 50% 0 no-repeat;}
body#sm #container {background: url(../img/bg/txt_sm.jpg) 50% 0 no-repeat;}
body#fl #container {background: url(../img/bg/txt_fl.jpg) 50% 0 no-repeat;}
body#wn #container {background: url(../img/bg/txt_wn.jpg) 50% 0 no-repeat;}

#contents{
	padding: 23px 33px;
	/*min-height: 1500px;*/
	border: 1px solid #beab7d;
	border-radius: 10px;
	background: rgba(255,255,255,.75);
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*body#sp #contents:before{background-image: url(../img/bg/ltxt_sp.png);}
body#sm #contents:before{background-image: url(../img/bg/ltxt_sm.png);}
body#fl #contents:before{background-image: url(../img/bg/ltxt_fl.png);}
body#wn #contents:before{background-image: url(../img/bg/ltxt_wn.png);}
#contents:before{
	width: 209px;
	height: 805px;
	content: '';
	display: block;
	position: absolute;
	top: 46px;
	left: -221px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
body#sp #contents:after{background-image: url(../img/bg/rtxt_sp.png);}
body#sm #contents:after{background-image: url(../img/bg/rtxt_sm.png);}
body#fl #contents:after{background-image: url(../img/bg/rtxt_fl.png);}
body#wn #contents:after{background-image: url(../img/bg/rtxt_wn.png);}
#contents:after{
	width: 133px;
	height: 1372px;
	content: '';
	display: block;
	position: absolute;
	top: 75px;
	right: -138px;
	background-position: 0 0;
	background-repeat: no-repeat;
}*/

/*
コンテンツ			1048px
header画像コミ	1208px
*/

/* header
----------------------------------------------*/
#hdInner{
	width: 980px;
	padding: 0 80px;
	height: 110px;
	margin: 0 auto;
	position: relative;
}
#hdInner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #hdInner { zoom: 1; } /* IE7 */

#hdInner h1{
	line-height: 22px;
	color: #000;
	font-size: 72%;
	float: left;
}
#hdInner h2{
	position: absolute;
	top: 22px;
	left: 84px;
}
nav ul{
	width: 960px;
	padding: 0 124px;
	margin: 0 auto;
	position: relative;
	z-index: 9999;
}
nav li{float: left;}
nav li a{
	width: 160px;
	height: 44px;
	display: block;
	background-image: url(../img/common/nav.png);
	text-indent: -9999px;
}
nav li#nav01 a{background-position: 0 0;}
nav li#nav02 a{background-position: -160px 0;}
nav li#nav03 a{background-position: -320px 0;}
nav li#nav04 a{background-position: -480px 0;}
nav li#nav05 a{background-position: -640px 0;}
nav li#nav06 a{background-position: -800px 0;}
nav li#nav07 a{background-position: 0 66%;}
nav li#nav08 a{background-position: -160px 66%;}
nav li#nav09 a{background-position: -320px 66%;}
nav li#nav10 a{background-position: -480px 66%;}
nav li#nav11 a{background-position: -640px 66%;}
nav li#nav12 a{background-position: -800px 66%;}

nav li#nav01 a:hover{background-position: 0 33%;}
nav li#nav02 a:hover{background-position: -160px 33%;}
nav li#nav03 a:hover{background-position: -320px 33%;}
nav li#nav04 a:hover{background-position: -480px 33%;}
nav li#nav05 a:hover{background-position: -640px 33%;}
nav li#nav06 a:hover{background-position: -800px 33%;}
nav li#nav07 a:hover{background-position: 0 100%;}
nav li#nav08 a:hover{background-position: -160px 100%;}
nav li#nav09 a:hover{background-position: -320px 100%;}
nav li#nav10 a:hover{background-position: -480px 100%;}
nav li#nav11 a:hover{background-position: -640px 100%;}
nav li#nav12 a:hover{background-position: -800px 100%;}

#hdInfo{
	padding:17px 15px 0 0;
	float: right;
}
#smLink{
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}
#bisCnt{
	width: 575px;
	height: 41px;
	padding-left: 13px;
	padding-top: 10px;
	background: url(../img/common/biscount.png) 0 0 no-repeat;
}
#bisCnt dt{
	line-height: 31px;
	width: 123px;
	text-align: center;
	float: left;
	font-weight: bold;
	color: #b58221;
}
#bisCnt dd{
	padding:0 9px;
	float: left;
}
#bisCnt dd span{
	width: 50px;
	padding-right: 24px;
	line-height: 31px;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 30px;
	background: url(../img/common/people.png) 100% 50% no-repeat;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#hdInfo ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #hdInfo ul { zoom: 1; } /* IE7 */
#hdInfo ul{
	padding-right: 5px;
	float: right;
	width:506px;
}
#hdInfo ul li{
	padding-right: 0px;
	float: left;
}
#hdInfo ul li#hdMail a{
	width: 52px;
	height: 52px;
	display: block;
	background-image: url(../img/common/mail.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
#hdInfo ul li#hdMail a:hover{background-position: 0 100%;}
#hdInfo #hdCredit{
	text-align: right;
	padding: 5px 10px;
	clear: both;
}

/* footer
----------------------------------------------*/
footer{
	min-width: 1208px;
	text-align: center;
}
#ftInner{
	width: 1048px;
	padding: 0 80px 35px;
	margin: 0 auto;
}
#ftInner #pagetop{text-align: right;}

#ftBox{padding-top: 35px;}
#ftBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #ftBox { zoom: 1; } /* IE7 */

#ftInfo{
	width: 705px;
	text-align: left;
	float: left;
}
#ftContact{
	display: table;
	padding: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #b88c7a;
}
#ftContact dt{width: 193px;}
#ftContact dt,
#ftContact dd{
	display: table-cell;
	vertical-align: middle;
}
#ftContact dd ul li{display: inline-block;}

#ftMail a{
	width: 52px;
	height: 52px;
	display: block;
	background-image: url(../img/common/mail.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
#ftMail a:hover{background-position: 0 100%;}

.ftlinks{padding: 5px 0;}
.ftlinks li{
	padding-right: 10px;
	display: inline-block;
}
.ftlinks li a{
	padding-left: 25px;
	display: block;
	background-image: url(../img/common/bullet_ft.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.ftlinks li.ftTwt a{background-image: url(../img/common/icon_twt.png);}
.ftlinks li.ftOther a{background-image: url(../img/common/ft_other.png);}
.ftlinks li.ftBlog a{background-image: url(../img/common/ft_blog.png);}

#ftBanner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html #ftBanner { zoom: 1; } /* IE7 */
#ftBanner li{float: left; margin-right: 10px;}
#ftQR{
	height: 100px;
	padding: 0 8px;
	display: table;
	background: #fff;
}
#ftQR dt,
#ftQR dd{
	padding: 0 5px;
	display: table-cell;
	vertical-align: middle;
}
#ftQR dd img{border: 1px dotted #000;}

#ftJob a{
	width: 410px;
	height: 100px;
	display: block;
	background-image: url(../img/common/job_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
#ftJob a:hover{background-position: 0 100%;}


#grLinks{
	width: 298px;
	padding-top: 20px;
	float: right;
}
#grLinks dt{
	line-height: 1;
	padding: 7px 0;
	margin-bottom: 15px;
	border-top: 2px dotted #d8ae7d;
	border-bottom: 2px dotted #d8ae7d;
}
#grLinks dd ul li{margin-bottom: 6px;}
#grLinks dd ul li a{
	width: 142px;
	height: 35px;
	display: block;
	background-image: url(../img/common/gr_link.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#grLinks dd ul li#ftIB a{background-position: 0 0;}
#grLinks dd ul li#ftSJ a{background-position: 0 -35px;}
#grLinks dd ul li#ftUD a{background-position: 0 -70px;}
#grLinks dd ul li#ftGTD a{background-position: 0 -105px;}
#grLinks dd ul li#ftNKG a{background-position: 0 -140px;}
#grLinks dd ul li#ftYK a{background-position: 0 -175px;}
#grLinks dd ul li#ftN9 a{background-position: 0 -210px;}
#grLinks dd ul li#ftKB a{background-position: 0 -245px;}
#grLinks dd ul li#ftKT a{background-position: 0 -280px;}

#grLinks dd ul li#ftIB a:hover{background-position: 100% 0;}
#grLinks dd ul li#ftSJ a:hover{background-position: 100% -35px;}
#grLinks dd ul li#ftUD a:hover{background-position: 100% -70px;}
#grLinks dd ul li#ftGTD a:hover{background-position: 100% -105px;}
#grLinks dd ul li#ftNKG a:hover{background-position: 100% -140px;}
#grLinks dd ul li#ftYK a:hover{background-position: 100% -175px;}
#grLinks dd ul li#ftN9 a:hover{background-position: 100% -210px;}
#grLinks dd ul li#ftKB a:hover{background-position: 100% -245px;}
#grLinks dd ul li#ftKT a:hover{background-position: 100% -280px;}
#txtGrp{padding: 10px 0;}
#txtGrp li{
	padding: 0 5px;
	display: inline-block;
}
#txtGrp li span{color: #666;}
#txtGrp li a:link,
#txtGrp li a:visited,
#txtGrp li a:hover,
#txtGrp li a:active{color:#805555;}
#copy{
	min-width: 1208px;
	background: #fff;
	padding: 50px 0;
	border-top: 2px solid #cf876a;
}
#counter{
	display: table;
	margin: 0 auto;
	border-collapse: collapse;
}
#counter dt{
	background: #fee7d7;
	color: #966c3a;
}
#counter dt,
#counter dd{
	padding: 3px 5px;
	display: table-cell;
	border: 1px dotted #000;
	font-size: 86%;
}
#copyright small{color: #946531;}
#copyright small a{color: #946531; text-decoration: none;}


/*-----------------------------------------------------
slick.js (overwrite)
-------------------------------------------------------*/

#linksBox{padding: 20px 30px;}
/*#linksBox ul li img{
	width: 220px;
	height: auto;
}*/

a.banner_other,
a.banner_twitter,
a.banner_blog{
	width: 230px;
	height: 86px;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 129%;
	text-decoration: none;
	color: #fff;
}
.popkuji{cursor: pointer;}
.cstBan a:link
.cstBan a:visited
.cstBan a:hover
.cstBan a:active{text-decoration: none;}

a.banner_other span,
a.banner_twitter span,
a.banner_blog span{
	display: table-cell;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 230px 86px;
	background-size: 230px 86px;
	vertical-align: middle;
	font-weight: bold;
	text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
a.banner_other span{
	color: #666;
	text-shadow:1px 1px 1px rgba(255,255,255,.6);
	line-height: 82px;
	background-image: url(../img/banner/banner_otr.png);
	text-align: center;
}
a.banner_twitter span{
	padding-top: 35px;
	background-image: url(../img/banner/banner_twt.png);
	text-align: center;
}
a.banner_blog span{
	padding: 0 65px 0 15px;
	background-image: url(../img/banner/banner_blog.png);
}


/* Arrows */
.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;

	position: absolute;
	top: 50%;

	display: block;

	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	line-height: 1;
	opacity: .75;
	color: #8a8a8a;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev{left: -25px;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 10px 0;
	border-color: transparent #8a8a8a transparent transparent;
	content: '';
}
[dir='rtl'] .slick-prev:before{content: '▶';}

.slick-next{right: -25px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #8a8a8a;
	content: '';

}
[dir='rtl'] .slick-next:before{content: '◀';}

#blog-prev,
#blog-next{height: 40px;}
#blog-prev:before{
	width: 21px;
	height: 31px;
	display: block;
	content: '';
	border: none;
	background: url(../img/common/blog_prev.png) 50% 50% no-repeat;
}

#blog-next:before{
	width: 21px;
	height: 31px;
	display: block;
	content: '';
	border: none;
	background: url(../img/common/blog_next.png) 50% 50% no-repeat;
}