@charset "UTF-8";

/* =Responsive Structure
----------------------------------------------- */

@media screen and (max-width: 930px) {
#site-description {	background-size:80%;}

}
@media screen and (max-width: 760px) {
#header-parts{max-width:470px;}
#fontScaler {width:190px;}
#branding #searchform {
	float:right;
	max-width:180px;}
#branding #s {width: 136px;}
.arrow_box {
	top:5.5em;
}

/*スポンサーバナー*/
#tit-donation,
#tit-partner,
#tit-tokubetsu,
#tit-sponsor,
#tit-supplier {
	margin-top:2em;
	padding-top:0px;
	height:85px;
}

#tit-donation .h-inner,
#tit-partner .h-inner,
#tit-tokubetsu .h-inner,
#tit-sponsor .h-inner,
#tit-supplier .h-inner{
	font-size:0.9em;
}

}

@media screen and (max-width: 650px) {

#tit-style {
	width:85%;
	display:inline-block;
}
img {
	max-width: 100%;
	height: auto;
}

/*-----------
レイアウト
-----------*/	
.left-sidebar #primary {
	margin-left:0 !important;
	margin-right:0 !important;
	width: 100% !important;
	padding-bottom:2em;
}

.left-sidebar #content {
	float:right;
	margin: 0 auto 0 auto !important;
	width: 72% !important;
}
.left-sidebar #secondary {
	float:left;
	margin: 0 auto !important;
	width: 25% !important;
}

#secondary .menu-sub-navi-kokutai1-container ul,
#secondary .menu-sub-navi-taikai1-container ul,
#secondary .menu-sub-navi-kokutai2-container ul,
#secondary .menu-sub-navi-taikai2-container ul {
	margin: 0.8em 0.2em;
}
.left-sidebar #secondary ul#menu-sub-navi-kokutai1 li a,
.left-sidebar #secondary ul#menu-sub-navi-taikai1 li a,
.left-sidebar #secondary ul#menu-sub-navi-kokutai2 li a,
.left-sidebar #secondary ul#menu-sub-navi-taikai2 li a{
	background-size:14px;
	padding-left:1.2em;}

.left-sidebar #three{
	width:100% !important;
	clear:both;
	float:none !important;
}
.left-sidebar #three .widget{
	clear:none;
	float:left;
	width:240px;
}
#three #kii-land {
	width:234px;
}
#three .fb-like-box {
	width:300px !important;
}

/*-------
header
--------*/
/*.common #branding,
.kokutai #branding,
.taikai #branding{
	background-size:75% !important;
}*/
#header-parts{margin-bottom:0.5em;}

#site-title {clear:none;}
#site-title a{
	margin-top:1.8em;
	background-size:98%;
	width:60%;
	height:90px;
}
#site-description {
	background-size:98%;
	width:60%;
	height:60px;
}

.sitetitle{
	padding-top:10px;width:80%; float:none;}
.headerbnr{
	width:80%; float:none;}


/*-countdown-*/
.arrow_box {
	top:8em;
	right:18%;
	padding:4px 0;
	width:110px;
	font-size:0.8em;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.countdown_amount,
.kokutai .countdown_amount {
  line-height:0.6;
	font-size: 18px !important;
}
.countdown_amount span,
.kokutai .countdown_amount span{
	font-size: 10px;
}
.countdown_descr {
	display: block;
	width: 100%;
}
/*-----
module
------*/
#donation-bn,
#partner-bn,
#tokubetsu-bn,
#sponsor-bn,
#supplier-bn{clear:both;}

/* Make sure the logo and search form don't collide */
/* Floated content doesn't work well at this size */
.alignleft,
.alignright{
	float: none;
	margin-left: 0;
	margin-right: 0;
}
/* Make sure the post-post navigation doesn't collide with anything 
#nav-single {
	display: block;
	position: static;
}*/
.singular .hentry {	padding: 1.625em 0 0;}
.singular.page .hentry {padding: 1.625em 0 0;}
/* Talking avatars take up too much room at this size */
.commentlist > li.comment,
.commentlist > li.pingback {
	margin-left: 0 !important;
}
.commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	position: static;
}
.commentlist .children .avatar {
	background: none;
	left: 2.2em;
	padding: 0;
	position: absolute;
	top: 2.2em;
}
/* Use the available space in the smaller comment form */
#respond input[type="text"] {width: 95%;}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	left: 95%;
}
#content .gallery-columns-3 .gallery-item {
	width: 31%;
	padding-right: 2%;
}
#content .gallery-columns-3 .gallery-item img {
	width: 100%;
	height: auto;
}

/* 50% */
.unit-l,.unit-r {
	width:48% !important;
	margin:0;
}

#GNav {	width:98%;}
#GNav a {
	font-size:0.9em;
	display: block;
	line-height: 2.5em;
	text-decoration: none;
	padding-left:1.2em;
}

}
@media screen and (max-width: 600px) {
/* 50% */
.unit-l,.unit-r {
	width:45% !important;
	margin:0;
}

/*きいちゃんグッズレイアウト*/
.goods-l,.goods-r {
	float:none;
	width:97% !important;
	margin:0;
}

.sitetitle{width:100%;}
.headerbnr{width:70%;}

}

@media screen and (max-width: 480px) {


body { overflow-x: hidden; }/*横scroll*/

.left-sidebar #primary {
	float:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	width: 100% !important;
}
.left-sidebar #content {
	clear:both;
	float:none;
	margin: 0 auto 0 auto !important;
	width: 96% !important;
}


#partner-bn .widget.widget_links ul.blogroll li,
#sponsor-bn .widget.widget_links ul.blogroll li,
#supplier-bn .widget.widget_links ul.blogroll li,
#partner-bn .widget.widget_links ul.blogroll li{
	margin:0 0 5px 10px ;
	width:100px !important;
}


.common #content,
.kokutai #content,
.taikai #content {
	padding-top:1.5em;
}
.left-sidebar #secondary {
	clear:both;
	float: none !important;
	width: 96% !important;
}
.left-sidebar #secondary li{
	margin:0 ;
	padding-left:1em;
	padding-right:1em;
}
.left-sidebar #secondary ul.blogroll{
	max-width:240px;
	margin:2em auto 0 auto;
}
.left-sidebar #secondary ul.blogroll li{
	margin:0 ;
	padding-left:0;
	padding-right:0;
}
.left-sidebar #secondary li a{
	padding-top:0.8em;
	padding-bottom:0.8em;
}
#secondary ul#menu-sub-navi-kokutai1 li a,
#secondary ul#menu-sub-navi-taikai1 li a,
#secondary ul#menu-sub-navi-kokutai2 li a,
#secondary ul#menu-sub-navi-taikai2 li a{
	background-position:right center;
	padding-left:0;
	padding-right:1.2em;}
	
#secondary ul#menu-sub-navi-kokutai1-1 li a,
#secondary ul#menu-sub-navi-taikai1-1 li a,
#secondary ul#menu-sub-navi-kokutai2-1 li a,
#secondary ul#menu-sub-navi-taikai2-1 li a{
	background-position:right center;
	padding-left:0;
	padding-right:1.2em;}

.left-sidebar #secondary ul.blogroll li{
	margin:0;
}

.left-sidebar #secondary ul.blogroll a{
	padding:0;
	text-align:center;
}
.left-sidebar #tertiary {
	float: none !important;
	margin: 0 auto;
	width: 96%;
}
.left-sidebar #toppage #three{
	clear:both;
	padding-top:1em;
	float:none !important;
	display:block;
	width:100%;
}

.common.left-sidebar #three .widget,
.kokutai.left-sidebar #three .widget,
.taikai.left-sidebar #three .widget{
	float:none !important;
	margin:auto;
}

img.alignleft,img.alignright{
	float:none !important;
	margin:auto;
	display:block;
}

#kii-land{
	margin-bottom:1em;
}


/*アーカイブナビゲーション*/
.left-sidebar .archive-container {
	clear:both;
	float:none;
	width: 100% !important;
	margin-bottom:0.8em;
}
.archive-container ul {
	margin: 0.5em 0 !important;
	border:none;
	padding:0 0.5em 0 0.5em;
}
.archive-container ul li{
	border:1px solid #6CC;
	padding:0.5em 0.8em 0.5em 0;
	font-size:.8em;
	text-align:right;
}
.archive-container ul li a{
	width:80%;
	margin-top:0;
	border-left:none;
	font-size:1.3em;
	line-height:0;	
	text-align:left;
}


/*コンテンツ内ローカルナビゲーション*/
.navi-container {
	border:1px solid #C0C0B9;
	margin-bottom:0.5em;
}
.navi-container ul {
	margin: 0.5em 0;
	list-style:none;
}
.navi-container ul li{
	font-weight:bold;
	color:#00B9C1;
	padding:0;
}
.navi-container ul ul{
	border-top:2px solid #6CC;
	font-size:0.9em;
	margin:0.5em 0 0 0 !important;
}
.navi-container ul li li{
	padding:0;
}
.navi-container ul li li a{
	background:url(../images/common/list-arr-red.gif) no-repeat center right;
	font-size:1em;
	padding-left:0 !important;
}
.navi-container ul li li a:hover{
	background:url(../images/common/list-arr-red.gif) no-repeat center right;
}



/*topics*/
dl.dl_root_main dd,
dl.dl_root dd{
	margin:0 0 15px 15px;
	padding-left:70px;
}
.root #kii-land {
	width:290px !important;
}
body.root dl.dl_root_main{
	max-height:240px !important;
}


/*header*/
.common #branding,
.kokutai #branding,
.taikai #branding{
	background-size:30% !important;
}
#site-title a{
	background-size:80%;
	width:80%;
	height:76px;
}
#site-description {
	margin-top:0;
	background-size:80%;
	width:80%;
	height:60px;
	margin-left:0.5em;
}

#branding #searchform {	max-width:190px; float:left; margin-left:0.5em;}
#branding #s {width: 146px; font-size:0.7em;}
#header-parts{	margin-bottom:0.2em;}
#fontScaler,
.toiawase ,
.mobile-site,
.sitemap {
	display:none;
}

/*------countdown------*/
.arrow_box {
	right:2px;
	top:2.5em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height:1;
	padding:3px 0;
	font-size:0.7em;
}
.arrow_box:after {
	top: 100%;
	margin-top: 0px;
}
.arrow_box:before {
	border:none;
}
.countdown_amount {
	font-size: 110%;
}
.countdown_amount span{
	font-size: 60%;
}

#GNav {
	width:96%;
}
#GNav a {
  display: block;
	line-height: 2.5em;
	text-decoration: none;
}




/*module*/

#site-title {padding: 0.8em 0 0 0.5em;}


#content .gallery-columns-2 .gallery-item {
	width: 45%;
	padding-right: 4%;
}
#content .gallery-columns-2 .gallery-item img {
	width: 100%;
	height: auto;
}

.cleartype{
	float:none !important;
	width:100% !important;
}


/*きいちゃんグッズメニュー*/
.goods-l{
	min-height:200px;}
#goods-m ul#menu-sub-goods li {
	width:18% !important;
}
#goods-m ul#menu-sub-goods li a{
	font-size:.9em;
	height:60px;
}
	
/* 50% */
.unit-l,.unit-r {
	float:none;
	width:99% !important;
	margin:0;
}
/* 40%/60% */
.unit-l2,.unit-r2 {
	float:none;
	width:99% !important;
	margin:0;
}
/* 33% */
.unit-3l,.unit-3c,.unit-3r{
	width:98%;
	margin:0 auto !important;
	clear:both;
}
/* トピックス */
#tit-topics .h-inner h2 span{
	display:block;
	margin-left:0;
	padding-left:0;
	font-size:0.7em !important;
}
/*スポンサーバナー*/
#tit-donation .h-inner h2 span,
#tit-partner .h-inner h2 span,
#tit-tokubetsu .h-inner h2 span,
#tit-sponsor .h-inner h2 span,
#tit-supplier .h-inner h2 span{
	display:block !important;
	padding:0 !important;
}
#tit-donation,
#tit-partner,
#tit-tokubetsu,
#tit-sponsor,
#tit-supplier {
	padding-top:0px;
	height:100px;
}


#site-nav {	display:none;}

#site-infolink #backhome-bt{
	float:none;
	display:block;
	width:100%;
}
#site-infolink span{
	display:block;
	padding-top:1em;
	clear:both;
}


/*-back-home-*/
.gohome{
	margin-top:2em;
	 height:25px;
	 position:relative;
 }
.gohome a{
	 width:180px;
	 height:30px;
	 display:block;
	 position:static;
	 margin:auto;
	 text-indent:-9999px;
 }


/*footer*/
#site-infolink{
	padding-top:1em;
}
#site-infolink ul.infolink{
	width:100%;
	clear:both;
}
#site-infolink ul.infolink li{
	text-align:center;
	width:47%;
	margin:0.5em 0.2em 0 0.2em;
	border:1px solid #C5B4A5;
}
#site-infolink ul.infolink li a{
	margin-left:0;
	padding:0.5em 0;
	width:100%;
}
#site-infolink #backhome-bt a#back-kokutai{	width:145px;}
#site-infolink #backhome-bt a#back-taikai{	width:145px;}


#footer-info span{
	display:block;
}


/*contact form7用*/

.formssl { float:none; width:100%; font-weight:bold; color:#036;}
.formssl2 {	float:none; width:100%;}

}