@charset "UTF-8";

/* ------------------------
 for Wordpress styles
------------------------ */

/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
body {
	font-size: 15px;line-height: 1.8;
	background-position: center 50px;
}

h1 {font-size: 22px;}
h2 {font-size: 21px;}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.5;
}

.ifsp {display: none;}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- margin,padding */
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

/* ----- margin,padding */
.mt40 { margin-top: 40px;}
.mt80 { margin-top: 80px;}
.mt150 { margin-top: 150px;}

.mr15 {	margin-right: 15px !important;}
.mr40 {	margin-right: 40px !important;}

.pl20 { padding-left: 20px;}
.plr50 { padding-left: 50px; padding-right: 50px;}

/* ---------- line height */
.lh20 {line-height: 2.0;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd30 {width: 30% !important;}
.wd40 {width: 40% !important;}
.wd50 {width: 50% !important;}
.wd60 {width: 60% !important;}
.wd70 {width: 70% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd100 {width: 100% !important;}

/* ----- width */
.wd440 {width: 440px;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ----- base width */
.in, #container {
	width: 1000px;
	margin: 0 auto;
}


/* --------------
 common
-------------- */
/* =container
------------------------------------------------------------------------ **/
/* =tabNav
---------------------------------------------------- */
#tabNav td {
	width: 490px;
	height: 50px;
	text-align: center;
}
#tabBlog {
	background: url(../img/bg_tab_blog.png) no-repeat;
}
#tabVictory {
	background: url(../img/bg_tab_victory.png) no-repeat;
}

/* =header
-------------------------------------------------------------- **/
#header {
	min-height: 600px;
}


/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	float: right;
	width: 520px;
	padding-top: 5px;
}

#logo a {
	width: 520px;
	height: 240px;
}

#clmYT {
	width: 356px;
	height: 200px;
	margin: 5px auto;
	overflow: hidden;
}
#clmYT iframe {
	width: 356px;
	height: 200px !important;
}

#lead {
	margin-left: 25px;
}

/* =globalNav
---------------------------------------------------- */
#globalNav {
	clear: both;
	width: 990px;
	padding-top: 8px;
	margin-left: 10px;
}
#globalNav li {
	float: left;
	width: 320px;
	height: 84px;
	margin-left: 5px;
}

#globalNav li a {
	width: 320px;
	height: 50px;
	margin-top: 15px;
}

/* =contents
-------------------------------------------------------------- **/
#contents {
	margin-bottom: 50px;
	padding: 10px;
}

.main {
	padding: 10px 5px 30px;
}

.column {
	margin: 0 20px 30px;
}

/* =headline / titles
---------------------------------------------------- */
.ttlH1 {
	height: 65px;
}

.ttlH2 {
	margin: 20px 0;
	padding: 15px 25px 10px;
	font-size: 23px;
}

/* =footer
-------------------------------------------------------------- **/

/* =siteFooter
---------------------------------------------------- */

/* =social button
-------------------------------- */


/* =copyright
------------------------------------------ */

/* =pageTop
---------------------------------------------------- */
#pageTop {
	bottom: 100px;
}
@media screen and (max-width: 1100px) { /*以下の時*/
#pageTop {
	right: 10px;
}
}
@media screen and (min-width: 1101px) { /*以上の時*/
#pageTop {
	right: 60px;
}
}

#pageTop a {
	width: 60px;
	height: 60px;
	display: block;
}



/* --------------
 home container
-------------- */
/* =container
---------------------------------------------------- */
.text {
	line-height: 2.0;
}

.tblS {
	margin-bottom: 30px;
}
.tblS th,.tblS td {
	padding-bottom: 5px;
}

.tblS.sizeA th {
	width: 200px;
}
.tblS.sizeB th {
	width: 200px;
}

.ulImgA li {
	width: 200px;
	margin: 0 10px 10px;
}

/* --------------
 story/movie container
-------------- */
/* =container 
---------------------------------------------------- */
.movie {
	margin-top: 20px;
	margin-bottom: 40px;
}

.movie h2 {
	padding: 10px 15px;
	font-size: 21px;
}
#new h2 {
}
#new mark {
	width: 110px;
	height: 36px;
	top: -20px;
	right: 10px;
}

.movie h2 time {
	margin-left: 15px;
	font-size: 85%;
}

.mL {
	float: left;
	padding: 25px 20px;
	width: 400px;
}

.mR {
	float: right;
	padding: 25px 20px 25px 0;
	width: 450px;
}

.mR iframe {
	width: 450px;
	height: 253px;
}


/* --------------
 character container
-------------- */
/* =container 
---------------------------------------------------- */
#mainChara {
	width: 906px;
	min-height: 400px;
	margin: 17px 2px;
	padding: 20px 12px;
}
#mainChara h2 {
	font-size: 23px;
}

.cL {
	float: left;
	width: 600px;
	position: relative;
	margin-top: 3px;
}
.cL h2 {
	width: 200px;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 3px;
}

.cR {
	float: left;
	width: 285px;
	min-height: 380px;
	margin-left: 11px;
	padding: 0 5px;
}

/* ---------- thumbnail */
.ulChara {
	float: left;
	margin-left: 5px;
}

.ulChara li {
	width: 120px;
	min-height: 187px;
	margin: 2px 1px 2px 2px;
	padding: 5px 4px 10px;
}
.ulChara li b {
	width: 120px;
	height: 135px;
}

/* hero */

/* kaijyu */