@charset "utf-8";
/* CSS Document */

/***************************************************
基本設定
***************************************************/
html {
	font-size: 18px;
	line-height: 24px;
}

body {
	font-family: "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #ffffff;
	overflow-x: hidden;
	position:relative;
}

h1 {
	font-size: 1.6rem;
}

a:link,a:hover {text-decoration: none;}
a:active {color: #333333;}
a:visited{color: #333333;}
strong {font-weight: bold;}

strong {
	font-weight: bold;
}

.left{float:left;}

.right{float:right;}

/***************************************************
共通
***************************************************/
.h2box{
	width: 100%;
	background-color:#35a6d5;
	padding:2%;
	}

.innerWrapper {
	width: 100%;
	margin: 0px auto;
	padding:4.5% 0 6.5% 0;
	
}

.title {
width:100%;
}

h2 img{display:none}
.title .h2box {overflow:hidden;text-transform:capitalize;text-transform:uppercase;}

/***************************************************
ヘッダー
***************************************************/
header {width:100%;
	color: #ffffff;

	

}
header p {
	margin: 0px auto;
	padding-left: 0.7%;
	float:left;
}

header .font20 {
	font-size:1em;
	font-weight: bold;
}

header .font18 {
	font-size: 1em;
}

header div.main {
	width:auto;margin:0px auto;background-color:#35a6d5;text-align:center;;line-height:1.15em;padding:2% 0;
font-size:0.67em;
letter-spacing:-0.05em;

}

header div.left{width:100%;}

header div.right {padding:0px;bottom:85px;position:absolute;left:15px;}


header div.face{
float:left;padding-right:10px;
}


header div.twi{
float:left;
}

.topicpatch {padding:10px 0;font-size:0.85em;display:none;}

/***************************************************
トップページ
***************************************************/

#top {
	background: url(./images/top_main_back_sp.jpg) #fff9d7;background-repeat: repeat-x;
	position:relative;
display:block;height:1170px;
background-size:500% auto;
background-color:#FFF;


}

#top .visualBack{background: none }

#top .innerWrapper {


	padding:5px 0 0 0;
}

.topH {display:block;}


#top .innerWrapper h1 {
	width:100%;


}

#top .innerWrapper h1 img{

width:86%;

}


#top .innerWrapper .info {
	position: absolute;
	top: 510px;
	left: 380px;
	z-index: 100;
	display:none;

}

#top .innerWrapper .info img{

	display:none;

}

#top .innerWrapper ul, #top .innerWrapper ul li{



}

#top .innerWrapper ul li.nav_story a {
	display:none;
	width: 370px;
	height: 60px;
	background: url(./images/btn_sprite.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#top .innerWrapper ul li.nav_story a:hover {
	opacity: 0.7;
}

#top .innerWrapper ul li.nav_character a {
	display:none;
	width: 370px;
	height: 60px;
	background: url(./images/btn_sprite.png) 0 -60px no-repeat;
	text-indent: -9999px;
}

#top .innerWrapper ul li.nav_character a:hover {
	opacity: 0.7;
}

#top .innerWrapper ul li.nav_product a {
	display:none;
	width: 370px;
	height: 60px;
	background: url(./images/btn_sprite.png) 0 -120px no-repeat;
	text-indent: -9999px;
}

#top .innerWrapper ul li.nav_product a:hover {
	opacity: 0.7;
}


#top .innerWrapper ul li.nav_news  {
	display:none;
	width: 370px;
	height: 60px;
	background: url(./images/btn_sprite.png) 0 -180px no-repeat;
	text-indent: -9999px;
		opacity: 0.3;
}
/*
#top .innerWrapper ul li.nav_news a:hover {
	opacity: 0.7;
}

*/
#top .innerWrapper ul li.nav_special ,#top .innerWrapper ul li.nav_goods  {
	display:none;
	width: 370px;
	height: 60px;
	background: url(./images/btn_sprite.png) 0 -240px no-repeat;
	text-indent: -9999px;
	opacity: 0.3;
}

/*
#top .innerWrapper ul li.nav_special a:hover {
	opacity: 0.7;
}
*/

#top .bannerArea{
width:93%;margin:1% auto 3.5% auto;
}

#top .youtube {
	width: 93%;
max-height:200px;
	background-color: #000000;
	margin:1% auto 3.5% auto;
}

#top .youtube iframe{width:100%;height:auto;}

#top #twitter {
position:absolute;
width: 100%;

top:312px;
}

#top #twitter img{
display:none;

}


#top #twitter h2{
	font-color:#fff;
	background-color: #30a5d6;

	font-size:1.2em;
padding:2%;
	color:#FFF;
	font-weight:bold;
}



#top p.main2 {
	display: none;


}


#top p.main3 {

	margin-top:-20px;
	z-index: 0;

}


#top div.cast {
	position: absolute;
	top: 580px;
	left: 380px;
	z-index: 0;
	display:none;
}


#top div.toptwi{position:relative;display:block;}

/* トピックス修正start */
#top .topics {
	width: 100%;
	background-color: #fff;
	position:absolute;	
       top:10px;
	display:block;
	overflow:auto;
}


#top .topics img{
	display:none;
	
}
#top .topics h2 {
	
	font-color:#fff;
	background-color: #30a5d6;

	font-size:1.2em;
	padding:3% 2%;
	color:#FFF;
	font-weight:bold;
	
}


#top .topics div.inner {
display:block;
height:auto;
overflow:auto;
height:235px;
padding:0 0 20px 0;
}



#top .topics ul {
width:100%;
display:block;
margin:0 auto;
}



#top .topics ul li a {
	width: auto;
	border-bottom: 1px dotted #cccccc;
	background-color: #fff;
	padding: 2% 13% 2% 7%;
	overflow: hidden;
	background-image: url(./images/topics_indent.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size:3% auto;
}


#top .topics ul.topicsul li:last-child (1){
	border-bottom: none;
}


#top .topics ul li a span ,#top .topics ul li a strong {
	float:left;display:block;
}

#top .topics ul li a strong{display:block;float:left;font-size:0.92em;}

#top .topics ul li a span.tps_story {
	display:block;
	width: 25px;
	height: 28px;
	white-space: nowrap;
	vertical-align: middle;
	padding-left:3%;

	background: url(./images/btn_sprite.png) 0px -299px no-repeat;
	white-space: nowrap;
	float:left;	
}


#top .topics ul li a span.tps_character {
	display:block;
	width: 25px;
	height: 28px;
	white-space: nowrap;
	vertical-align: middle;
	padding-left:3%;
	background: url(./images/btn_sprite.png) 0px -334px no-repeat;
	white-space: nowrap;
	float:left;	
}


#top .topics ul li a span.tps_product {
	width: 25px;
	height: 28px;
	white-space: nowrap;
	vertical-align: middle;
	padding-left:3%;
	background: url(./images/btn_sprite.png) 0px -368px no-repeat;
	white-space: nowrap;
	float:left;	
}


#top .topics ul li a span.tps_news {
	display:block;
	width: 25px;
	height: 28px;
	white-space: nowrap;
	vertical-align: middle;
	padding-left:3%;
	background: url(./images/btn_sprite.png) 0px -405px no-repeat;
	white-space: nowrap;
	float:left;	
}


#top .topics ul li a span.tps_special {
	display:block;
	width: 25px;
	height: 28px;
	white-space: nowrap;
	vertical-align: middle;
	padding-left:3%;
	background: url(./images/btn_sprite.png) 0px -440px no-repeat;
	white-space: nowrap;
	float:left;
}

#top .topics ul li a span.tps_goods {
	display:block;
	width: 25px;
	height: 28px;
	white-space: nowrap;
	vertical-align: middle;
	padding-left:3%;
	background: url(./images/btn_sprite.png) 0px -475px no-repeat;
	white-space: nowrap;
	float:left;
}

#top .topics div.inner ul li a span.tps_other {
	display: block;
	width: 25px;
	height: 26px;
	white-space: nowrap;
	vertical-align: middle;
	margin: 5px 0px 10px 0px;
	background: url(./images/btn_sprite.png) 0px -510px no-repeat;

	color:#ccc;
	padding:0 0 0 6px;
}



#top .topics ul li a span.tpm {
display:block;clear:both;color:#666;padding-left:8%;font-size:0.85em;line-height:1.35em;}
#top .topics ul li a{color:#000;font-size:0.9em;display:block;}




.clearfix:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix{
zoom: 1;
}




/****************************************************/
/* スマホ用ナビ */
/****************************************************/


div.slide {display: block;width:100%;z-index:2000;position:absolute;}
	
 	div.slide nav{display:block;float:left;display:none;width:84.7%;}
	div.slide nav ul{width:100%;display:block;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;
background-color:#fff;}
	div.slide nav ul li{width:auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;font-size:1em;color:#35a6d5;display:block;white-space:nowrap;font-weight:bold;}
	div.slide nav ul li span{font-size:0.67em;margin-left:30px;font-weight:bold;}
	div.slide nav ul li span.sub{font-size:0.72em;margin-left:10px;font-weight:bold;}
	div.slide nav ul li:nth-last-child(1){width:auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;font-size:1em;color:#FFF;display:block;white-space:nowrap;background-color:#35a6d5;text-align:center;padding:12px;}
div.slide ul li a{display:block;padding:12px;}

div.slide ul li a:link,div.slide ul li a:visited{ color:#35a6d5;display:block;
width:auto;height:auto;}

	div.subNavi{float:right;display:block;width:15%;}
		div.subNavi p{
	width: auto;
	padding: 10px;
	display: block;
	background-color: #FFF;
	border-radius: 1px;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;

		}
div.subNavi p img{width:100%;}






/* ニューススペシャル- スマホ用ナビ*/
 #blog	div.slide {display: block;width:100%;z-index:2000;position:absolute;}
	
#blog div.slide nav{display:block;float:left;display:none;width:84.7%;top:0px;}
#blog div.slide nav ul{width:100%;display:block;margin:0 auto;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;
background-color:#FFF;}

#blog div.slide nav ul li{float:none;}
#blog div.slide nav ul li{width:auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;font-size:1em;color:#35a6d5;display:block;white-space:nowrap;font-weight:bold;}
#blog div.slide nav ul li span{font-size:0.67em;margin-left:30px;font-weight:bold;}
#blog div.slide nav ul li span.sub{font-size:0.72em;margin-left:10px;font-weight:bold;}
#blog div.slide nav ul li:nth-last-child(1){width: auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;font-size:1em;color:#FFF;display:block;white-space:nowrap;background-color:#35a6d5;text-align:center;padding:12px;}
#blog div.slide ul li a{display:block;padding:12px;}
/*
#blog div.slide ul li a:link,#blog div.slide ul li a:visited{ color:#35a6d5;display:block;}

#blog div.slide ul li:nth-last-child(1) a:link,#blog div.slide ul li:nth-last-child(1) a:visited{ color:#FFF; } 
*/





/***************************************************
キャラクターポップアップ
***************************************************/

#blackOut{width:100%;height:100%;position:absolute;background-color:#000;opacity:0.6;left:0px;z-index:1000;cursor:pointer;display:none;top:30px;}

#charaWhite{width:90%;height:auto;position:fixed;background-color:#FFF;z-index:1001;display:none;box-shadow:rgba(0, 0, 0, 0.8) 5px 5px 3px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 5px 5px 3px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 5px 5px 3px 0px;}




.charaHead{width: auto;background-color:#35a6d5;background-repeat: repeat-x;padding:3px 0 3px 0;}

.charaHead .inner{padding:0px 10px;}
.charaHead .inner p.left{font-size:0.67em;color:#FFF;float:left;display:block;font-weight:bold;}
.charaHead .inner p.right{float:right;display:block;}
.charaHead .inner p.right img{display:block;margin:5px 0px;}
.charaMain{
	background-image: url(./images/caha_back_sp.jpg);
	width: 100%;height:335px;
display:block;
backgroun-size:1%;
}


.charaMain article{width:92%;padding:2%;}

.charaMain article p.charaVsu01{width:95%;display:block;margin:5px 5% 0 5%;}
.charaMain article p.charaVsu01 img:nth-child(1){display:none}
.charaMain article p.charaVsu01 img.spimg{display:block;width:100%;}
.charaMain article p.charaVsu02 img,.charaMain article p.charaVsu03 img,.charaMain article p.charaVsu04 img{display:none}




article.charaM01{display:none;}
article.charaM02{display:none;}
article.charaM03{display:none;}
article.charaM04{display:none;}
article.charaM05{display:none;}
article.charaM06{display:none;}






/* キャラクターナビアイキャッチ */
div.charali{background-color:#d0f0fd;padding:20px 0 25px 0;display:none;width:100%;

}
div.charali ul{width:72%;display:block;margin:0 auto;padding-left:0px;}

div.charali ul li{display:inline-block;width:20%;cursor:pointer;padding-left:10px;font-size:0.9em;}

div.charali ul li span{display:none;}


div.charali ul li.charaNav01 span{


}

div.charali ul li.charaNav02 span{

}
div.charali ul li.charaNav03 span{

}
div.charali ul li.charaNav04 span{

}
div.charali ul li.charaNav05 span{

}
div.charali ul li.charaNav06 span{

}

div.charali320 ul
{width:100%;background-color:#FFF;}
div.charali320 ul li 
{width:33.3333%; display:display:block;font-size:0.75em;white-space:nowrap;
cursor:pointer;float:left;text-align:center;font-weight:bold;color:#fff;}

div.charali320 ul li span.btn01{width:auto;background-color:#20a4da;display:block;padding:10px 0;margin:1px;}
div.charali320 ul li span.btn02{width:auto;background-color:#82c023;display:block;padding:10px 0;margin:1px;}
div.charali320 ul li span.btn03{width:auto;background-color:#e99316;display:block;padding:10px 0;margin:1px;}
div.charali320 ul li span.btn04{width:auto;background-color:#e85298;display:block;padding:10px 0;margin:1px;}
div.charali320 ul li span.btn05{width:auto;background-color:#796baf;display:block;padding:10px 0;margin:1px;}
div.charali320 ul li span.btn06{width:auto;background-color:#cc334c;display:block;padding:10px 0;margin:1px;}
div.charali320 ul li span.btn07{width:auto;background-color:#666;display:block;padding:10px 0;margin:1px;letter-spacing:-0.1em;}

/* キャラクターナビアイキャッチアイコン バックアップ start 
div.charali ul li{display:block;width:107px;height:111px;text-indent:-9999px;cursor:pointer;padding:;}

div.charali ul li.charaNav01,div.charali ul li.charaNav01 a{display:block;;width:107px;height:111px;margin: 6px 6px 0 0;background-image: url(./images/charapop_list.png);background-repeat: no-repeat;
background-position:0px -111px;
float:left;
}

div.charali ul li.charaNav02,div.charali ul li.charaNav02 a{
	display:block;
	width: 107px;
	height:111px;
	margin: 6px 6px 0 0;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -107px -111px;
float:left;	

}
div.charali ul li.charaNav03,div.charali ul li.charaNav03 a{
	display:block;
	width: 107px;
	height:111px;
	margin: 6px 6px 0 0;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -214px -111px;
float:left;	
}
div.charali ul li.charaNav04,div.charali ul li.charaNav04 a{
	display:block;
	width: 107px;
	height: 111px;
	margin: 6px 6px 0 0;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -321px -111px;
float:left;	
clear:both;
	
}
div.charali ul li.charaNav05,div.charali ul li.charaNav05 a{
	display:block;
	width: 107px;
	height: 111px;
	margin: 6px 6px 0 0;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -428px -111px;
float:left;	
}
div.charali ul li.charaNav06,div.charali ul li.charaNav06 a{
	display:block;
	width: 107px;
	height: 111px;
	margin: 6px 6px 0 0;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -535px -111px;
float:left;	
}

div.charali ul li.charaNav01 span{
	display: none;
		width: 107px;height: 111px;
		margin-right: 6px;
		background-image: url(./images/charapop_list.png);
		background-repeat: no-repeat;
		background-position:0px 0px;
}

div.charali ul li.charaNav02 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -107px 0px;
}
div.charali ul li.charaNav03 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -214px 0px;
}
div.charali ul li.charaNav04 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -321px 0px;
}
div.charali ul li.charaNav05 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -428px 0px;
}
div.charali ul li.charaNav06 span{
	display: none;
	width: 107px;
	height: 111px;
	margin-right: 6px;
	background-image: url(./images/charapop_list.png);
	background-repeat: no-repeat;
	background-position: -535px 0px;
}
*/


.navAc{background-position: -535px -111px;}


div.charali ul li.charaNav01 a:hover{background-position: 0px 0px;}
div.charali ul li.charaNav02 a:hover{background-position: -107px 0px;}
div.charali ul li.charaNav03 a:hover{background-position: -214px 0px;}
div.charali ul li.charaNav04 a:hover{background-position: -321px 0px;}
div.charali ul li.charaNav05 a:hover{background-position: -428px 0px;}
div.charali ul li.charaNav06 a:hover{background-position: -535px 0px;}





h4.charaName{font-size:0.9em;font-weight:bold;float:left;}
p.charaCv{font-size:0.67em;font-weight:bold;display:inline-block;float:left;}

p.charaTxt{font-size:0.67em;line-height:1.6em;display:block;clear:both;}
p.charaTxt br{display:none;}
p.charaTxt span{}


.charaFoot {display:block;padding:5px 0 15px 0;background-color:#5fbbe1;display:block;cursor:pointer;width:auto;clear:both;}

.cIm{margin: 10px auto;display:block;}


.closeTmp a{cursor:pointer; padding:0px;display:block;}


.fixed{ position: fixed;top: 1600px;}

.ddBtn01 a{
	padding: 10px 0;
	margin: 0px;
	background-color: #20a4da;
	width: 100%;
	text-align: center;
	color: #FFF;
	display: block;
	cursor: pointer;
	background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;
}
.ddBtn02 a{padding:10px 0;margin:0px;background-color:#82c023;width:100%;text-align:center;color:#FFF;display:block;cursor:pointer;background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;}
.ddBtn03 a{padding:10px 0;margin:0px;background-color:#e99316;width:100%;text-align:center;color:#FFF;display:block;cursor:pointer;background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;}
.ddBtn04 a{padding:10px 0;margin:0px;background-color:#e85298;width:100%;text-align:center;color:#FFF;display:block;cursor:pointer;background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;}
.ddBtn05 a{padding:10px 0;margin:0px;background-color:#796baf;width:100%;text-align:center;color:#FFF;display:block;cursor:pointer;background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;}
.ddBtn06 a{padding:10px 0;margin:0px;background-color:#cc334c;width:100%;text-align:center;color:#FFF;display:block;cursor:pointer;background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;}
.ddBtn07 a{padding:10px 0;margin:0px;background-color:#666;width:100%;text-align:center;color:#FFF;display:block;cursor:pointer;background-image: url(./images/chara_btn_indent.png);background-repeat: no-repeat;background-position: 125px 12px;}
.ddBtn01 a:hover,.ddBtn02 a:hover,.ddBtn03 a:hover,.ddBtn04 a:hover,.ddBtn05 a:hover,.ddBtn06,.ddBtn07 a:hover{opacity:0.5;}







#blog{background: url(./images/top_main_back.jpg) #fff9d7;background-repeat: no-repeat;position:relative;width:100%;
}
#blog nav {display:none;}
#blog .innerWrapper h1 {
	width:100%;
	margin-top:-17px;

}

#blog .innerWrapper h1 img{
width:86%;

}



#blog p.main3 {
	margin-top:-20px;
	z-index: 0;

}
#blog div.blogTop h1{
display:none;	
}


#top .innerWrapper h1.Sht{float:left;width:82%;margin:0 3px 0px 3px;}
#top .innerWrapper h1.Sht img{width:100%;}

div.subNaviSht {float:left;display:block;width:15%;}
div.subNaviSht p img{width:90%;margin:12px 0 0 0;display:block;}
div.slideSht nav{display:none;width:100%;margin-top:15px;}
div.slideSht nav{position:static;}
div.slideSht nav ul{width:auto;display:block;background-color:#fff;}

div.slideSht nav ul li{float:none;}
div.slideSht nav ul li{width:auto;border-top-width: 1px;border-top-style: solid;border-top-color:#a6e8fd;font-size:1em;color:#FFF;display:block;white-space:nowrap;font-weight:bold;}
div.slideSht nav ul li span{font-size:0.67em;margin-left:30px;font-weight:bold;}
div.slideSht nav ul li span.sub{font-size:0.72em;margin-left:10px;font-weight:bold;}
div.slideSht nav ul li:nth-child(1){width: auto;border-top-width:1px;border-top-style: solid;border-top-color: #cccccc;}
div.slideSht nav ul li:nth-last-child(1){width: auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;font-size:1em;color:#FFF;display:block;white-space:nowrap;background-color:#35a6d5;;text-align:center;padding:12px;}
div.slideSht ul li a{display:block;padding:12px;}
div.slideSht ul li a{color:#30a5d6;}
div.slideSht ul li a:visited{color:#30a5d6;}

 
#blog .innerWrapper h1.Sht{float:left;width:82%;margin:-12px 0px 0px 0px;}
#blog .innerWrapper h1.Sht img{width:100%;}
#blog div.subNaviSht {float:right;display:block;width:15%;}
#blog div.subNaviSht p img{width:90%;margin:0px;display:block;}


/* ニューススペシャル- スマホ用ナビ*/
#blog div.slideSht {display:block;width:100%;}	
#blog div.slideSht nav{display:none;width:100%;}
#blog div.slideSht nav{position:static;}
#blog div.slideSht nav ul{width:auto;display:block;background-color:#fff;}

#blog div.slideSht nav ul li{float:none;}
#blog div.slideSht nav ul li{width:auto;border-top-width: 1px;border-top-style: solid;border-top-color:#a6e8fd;font-size:1em;color:#FFF;display:block;white-space:nowrap;font-weight:bold;}
#blog div.slideSht nav ul li span{font-size:0.67em;margin-left:30px;font-weight:bold;}
#blog div.slideSht nav ul li span.sub{font-size:0.72em;margin-left:10px;font-weight:bold;}
#blog div.slideSht nav ul li:nth-child(1){width: auto;border-top-width:1px;border-top-style: solid;border-top-color: #cccccc;}
#blog div.slideSht nav ul li:nth-last-child(1){width: auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c9e9f0;font-size:1em;color:#FFF;display:block;white-space:nowrap;background-color:#35a6d5;;text-align:center;padding:12px;}
#blog div.slideSht ul li a{display:block;padding:12px;}
#blog div.slideSht ul li a{color:#30a5d6;}
#blog div.slideSht ul li a:visited{color:#30a5d6;}

/***************************************************
ニュース・スペシャル用
***************************************************/


div.camp01{width:100%;}
div.camp01 img{width:55%;margin-bottom:15px;display:block;}


div.camp01 h4{color:#cf0000;font-size:1.1em;font-weight:bold;}
div.camp01 strong.ind{margin-left:-5px}
div.camp01 img{width:40%;padding-left:15px;}
div.camp01 p.infolist{ont-size:1em;margin-bottom:20px;display:block;line-height:1.6em;display:block;}
div.camp01 p.infolist:nth-last-child(1){padding-bottom:40px;}
div.camp01 p.infolist a{font-size:1.1em;font-weight:bold;}
div.camp01 p.infolist a:link{color:#1737f0;}
div.camp01 p.infolist a:visited{color:#1737f0;}
div.camp01 p.infolist a:hover{color:#1737f0;text-decoration:underline;}
div.camp01 p.extra{font-size:0.68em;line-height:1.3em;margin:10px 0 10px 0;color:#555;}


#blog div.subNavi{float:right;display:block;width:15%;}
		div.subNavi p{
	width: auto;
	padding: 10px;
	display: block;
	background-color: #FFF;
	border-radius: 1px;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;

		}
#blog div.subNavi p img{width:100%;}






#blog{background: url(./images/top_main_back.jpg) #fff9d7;background-repeat: no-repeat;position:relative;width:100%;
}

#blog .innerWrapper h1 {
	width:100%;
	margin-top:-17px;

}

#blog .innerWrapper h1 img{
width:86%;

}



#blog p.main3 {
	margin-top:-20px;
	z-index: 0;

}

#blog header .font20 {
	font-size:1em;
	font-weight: bold;
}

#blog header .font18 {
	font-size: 1em;
}

#blog header div.main {
	width:auto;margin:0px auto;background-color:#35a6d5;text-align:center;;line-height:1.15em;padding:2% 0;
font-size:0.67em;
letter-spacing:-0.05em;

}

#blog header div.left{width:100%;}

#blog header div.right{padding:0;bottom:50px;position:absolute;;}


#blog header div.face{
float:left;padding:0 10px 0px 0;
}


#blog header div.twi{
float:left;padding:0 0 0px 0;
}


#blog .blogBack{
	width: auto;margin: 0px auto;background-image: url(./images/sub_blog_back.png);height: 283px;
		background-repeat: repeat-x;
display:none;
}

#blog .blogTop{width:100%;margin:0px auto;position: relative;}

#blog .blogTop h1{
display:none;	
}

#blog .blogMain{
	background-image: url(./images/sub_sprite.png);
	background-repeat: no-repeat;
	background-position: -261px -229px;
	width:410px;height:203px;
	text-indent: -9999px;
		position: absolute;
		left:620px;top:20px;
}

#blog nav{
	width: 980px;
	magin: 0 auto;
	position: absolute;
	top: 208px;
	visibility: visible;
}

#blog nav ul {width:100%;}
#blog nav ul li {float:left;padding:0 15px 0 0;}


#blog nav ul li p.story a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -193px;
width:146px;height:58px;text-indent:-9999px;display:block;
}

#blog nav ul li p.character a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -250px;
width:220px;height:58px;text-indent:-9999px;display:block;
}

#blog nav ul li p.products a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -308px;
width:205px;height:58px;text-indent:-9999px;display:block;
}

#blog nav ul li p.news a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -366px;
width:127px;height:58px;text-indent:-9999px;display:block;
}


#blog nav ul li p.special a{
background-image: url(./images/sub_sprite.png);background-repeat: no-repeat;background-position: 0px -424px;
width:170px;height:58px;text-indent:-9999px;display:block;

}

#blog .topPageback a{
	background-image: url(./images/sub_sprite.png);
	background-repeat: no-repeat;
	background-position: -261px -193px;
	width:116px;height:36px;
	text-indent: -9999px;
		position: absolute;
		left:0px;top:25px;
        display:block;
        z-index:200;
	}

#blog .topPageback a:hover{
	opacity: 0.7;
	}


#blog nav ul li p a:hover{
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	
	}







#blog div.subNavi{float:right;display:block;width:15%;}
		div.subNavi p{
	width: auto;
	padding: 10px;
	display: block;
	background-color: #FFF;
	border-radius: 1px;
box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.29) 2px 2px 0px 0px;

		}
#blog div.subNavi p img{width:100%;}

#NewsSpecdial {background:none;width:100%;clear:both;padding:0 0 5% 0;
margin-top:-22px;
background-color:#FFF;}



#NewsSpecdial .title .h2box{width:auto;background-color:#30a5d6;display:block;padding:3%;}

#NewsSpecdial .title h2 {font-size:1.4em;color:#FFF;font-weight:bold;float:left;background-color:#30a5d6;display:block;}

#NewsSpecdial .title .h2box h2 img{display:none;text-transform:uppercase;}
#NewsSpecdial .title .h2box span{text-transform:uppercase;}
#NewsSpecdial .title p{float: right;font-size: 1em;font-weight: bold;color:#FFF;background-color:#30a5d6;display:block;}

#NewsSpecdial .innerWrapper {clear:both;width:100%;padding:0px;}



#NewsSpecdial .blogArea {width:auto;position: relative;}





.blogArticle{
	width: 100%;
}


.blogArticle article:nth-child(1)
{display:block;width:auto;padding:0px 1%;background-color: #FFF;

	position:relative;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
	background-repeat: no-repeat;
	background-color:#fafafa;
	cursor:pointer;
	width:auto;
	padding:0px 0 12px 0;

}


.blogArticle article
{display:block;width:auto;padding:0px 1%;background-color: #FFF;

	position:relative;
	border-right-width: 1px;
	border-top-width: 20px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4;
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
	background-repeat: no-repeat;
	background-color:#fafafa;
	cursor:pointer;
	width:auto;
	padding:0px 0 12px 0;

}

.blogArticle article:nth-last-child(1)
{display:block;width:auto;padding:0px 1%;background-color: #FFF;#cccccc;
	position:relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e4e4e4;
	border-bottom-color: #e4e4e4
	border-left-color: #e4e4e4;
	background-repeat: no-repeat;
	background-color:#fafafa;
	cursor:pointer;
	width:auto;
	padding:0px 0 12px 0;

}


.standard { display:block;
	width:auto;
	padding:0 2%;
	background-color: #FFF;
	float: left;
	border: 2px solid #9ec7cc;
	margin-bottom:20px;	
}


.blogArticle article:nth-child(1) div.list{width:auto;padding:0px;
	background-repeat: no-repeat;
	background-image: url(./images/article_indent02.png); 
	background-position: 96% 28%;
	background-size:4.5%;
}

.blogArticle article:nth-child(2) div.list{width:auto;padding:0px;
	background-repeat: no-repeat;
	background-image: url(./images/article_indent02.png); 
	background-position: 96% 28%;
	background-size:4.5%;
}


.blogArticle div.list{width:auto;padding:0px;
	background-repeat: no-repeat;
	background-image: url(./images/article_indent.png); 
	background-position: 96% 28%;
	background-size:4.5%;
}
.blogArticle div.list h3{
	background-repeat: no-repeat;
	background-position: -144px -236px;
	font-size: 1em;
	font-weight:bold;
	padding: 15px 45px 0 10px;
	height:auto;
	color:#333;
	background-size: 143% auto;
	width:auto;
	display:block;	
}


p.opclose{
    background-image: url("./images/#NewsSpecdial div.list:nth-child(1)");
    background-size: 45% auto;
    background-repeat: no-repeat;
position:absolute;
    padding: 20px;
    background-position: center center;
    width: 2.5px;
    height: 1.5px;
    display: none;
    right:8px;
    top:5px;
    z-index:;
    bakcground-color:#ffcc00;
}



.contributor{width:auto;padding:0 0 5px 5px;font-size:0.8em;color:#666;display:block;}
.contributor div{float:left;}

div.socialArea{display:none;overflow:hidden;}

.blogArticlemMain{padding:10px;font-size:0.8em;line-height:1.6;color:#000;
width:auto;display:none;

}

/*
.blogArticlemMain p{
	-webkit-box-flex: 1;
 -moz-box-flex: 1;　
	}
*/

/*
.blogArticlemMain p:nth-child(1){}


.blogArticlemMain p{}



.blogArticlemMain p:nth-child(1){padding:0px}
*/

.blogReadmorebtn a{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	cursor:pointer;
	display:block;
	position:relative;
}

.blogReadmorebtn a:hover{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:underline;
	cursor:pointer;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	position:relative;
}

.blogReadclosebtn{display:none;}
.blogReadclosebtn a{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	display:block;
	cursor:pointer;
	position:relative;
}

.blogReadclosebtn a:hover{
	font-size: 20px;
	font-weight: bold;
	background-color: #74b672;
	margin: 0px;
	padding: 15px;
	width: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68a366;
	color:#fff;
	text-align:center;
	display:block;
	text-decoration:underline;
	
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	cursor:pointer;
	position:relative;
}

.blogReadmorebtn a img,.blogReadclosebtn a img{
	position:absolute;padding-left:5px;top:22px;
}



.blogArchive{
width:240px;
position: absolute;
left:700px;
display:none;
}
/*
.blogArchiveFixed{

position: fixed;
left:700px;
}

*/
.blogArchive article{
	width: 100%;
	border: 1px solid #9ec7cc;	
	padding: 7px 7px 0 7px;
	background-color: #FFF;
	margin-bottom: 40px;

	}

.blogArchive h4
{
	width: 100%;
	margin: 0 auto;
	padding: 7px 0;
	text-indent: 15px;
	background-image: url(./images/sub_archive_title.png);
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}

.blogArchive ul{width:auto;padding:10px 0 20px 0px;}
.blogArchive ul li a{padding:0 0 20px 15px;font-size:14px; text-decoration:underline;color:#666;display:block;}



.blogArticlemMain .content{padding:0 0 35px 0;matgin-top:-15px;}
.blogArticlemMain .content img{width:100%;}
.blogArticlemMain h4.pt01{font-weight:bold;font-size:1.2em;line-height:1.4em;}
.blogArticlemMain div.std{font-size:1em;line-height:1.4em;color:#333;}
.blogArticlemMain div.stdLink a{color:#333;line-height:2em;}
.blogArticlemMain div.stdLink a:hover{color:#333;}
.blogArticlemMain div.stdLink a:visited{color:#333;}

.socialArea{float:right;margin-right:-70px;margin-bottom:-50px;}

.dayperson{float:left;font-size:0.8em;}
.moreInfo{display:none;}
.block{display:block;}
.naviFixed{position:fixed;top:0px;}


div.camp02 h4{color:#cf0000;font-size:1.25em;line-height:1.6em;font-weight:bold;}
div.camp02 ul{width:98%;display:block;padding:15px 0 15px 0;margin:0 auto;}
div.camp02 ul li{float:left;padding-right:2%;width:32%;padding-bottom:10px;display:block;}
div.camp02 ul li:nth-last-child(1){padding-right:0px;margin:0px;}
div.camp02 ul li:nth-last-child(4){padding-right:0px;margin:0px;}
div.camp02 ul li img{width:100%;}

div.camp02 {font-size:0.95em;line-height:1.8em;}
div.camp02 p{color:#333;line-height:1.8em;margin-bottom:10px;}
div.camp02 p.img2  img{width:55%;display:block;margin:20px auto 15px auto;}

div.camp02 storng {font-size:1em;}
div.camp02 span{color:#333;}
.blogArticle{
	width: 680px;
	float: left;
	min-height:585px;	
}
div.camp02 a{color:#1737f0;text-decoration:none;font-weight:bold;}
div.camp02 a:hover{text-decoration:none;font-weight:bold;}
div.camp02 a:link{}


ul.goods5Column{width:100%;display:block;}
ul.goods5Column li{width:80%;margin:10px 10%;}
ul.goods5Column li img{width:100%;}