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

*{margin:0; padding:0;}
li{list-style:none;}
body{
	background:url(../image/common/other/bg.png) #ffdb4a;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

/* マウスドラッグ時背景指定 */
p::selection, span::selection, h2::selection, h4::selection, .news-text02 a::selection{
    background: #cbcdf8;
    color:#000;
}
p::-moz-selection, span::-moz-selection, h2::-moz-selection, h4::-moz-selection, .news-text02 a::-moz-selection{
    background: #cbcdf8;
    color:#000;
}

/* text指定 */
.font01{font-size:32px;}
.font02{margin-left:5px;}
.font03{font-size:28px;}
.btn01 p, .btn01-a p, .btn02 p, .btn02-a p{margin-bottom:-6px;}
.btn03 p, .btn03-a p{margin-bottom:-2px;}

/* clear fix */
.cf:after{
	clear:both; 
	content:"."; 
	display:block; 
	height:0; 
	font-size:0;	
	visibility:hidden;
}
.cf{display: inline-block;} 

/* side-navi
-------------------------------*/
.category-box-pc div{
	background:#FFF;
	border:4px solid #FFF;
    border-radius:12px;/* CSS3草案 */  
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */  
		-moz-border-radius:12px;/* Firefox用 */  
	box-shadow:1px 1px 3px #9a812c;
		-webkit-box-shadow:1px 1px 3px #9a812c;/* Safari,Google Chrome用 */
		-moz-box-shadow:1px 1px 3px #9a812c;/* Firefox用 */
}
.category-box-pc ul{
	padding-top:12px;
	background:#FFF;
	border:4px solid #8385c3;
    border-radius:12px;
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */
		-moz-border-radius:12px;/* Firefox用 */
}
.category-box-pc li{margin-left:10px; width:200px; height:34px; padding:2px 0;}
.category-box-pc .chara{width:150px; height:184px; margin:15px auto 0;}


/* ふきだし */
.category-box-pc ul, .category-box-pc{ position: relative;}
.category-box-pc ul:before{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid #8385c3;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
.category-box-pc ul:after{
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.category-box-pc div:before{
  content: "";
  position: absolute;
  bottom: 186px;
  left: 50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid #FFF;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

/* footer
-------------------*/
/* text */
.footer-box{background:#FFF; padding-top:50px; color:#4d5865; font-size:12px;}
.footer-text{text-align:center; line-height:20px;}
.footer-box a{color:#4d5865; text-decoration:none;}
.footer-box a:hover{color:#FF7E83; text-decoration:none;}
.footer-box span{border-right:1px solid #4d5865; padding:0 14px;}
.footer-box .first-text{border-left:1px solid #4d5865;}
.copy-text{color:#FFF; background:#4d5865; text-align:center; width:100%; margin-top:8px;}



/* PC版 */
@media screen and (min-width: 982px) {
/* head
 -------------------------------*/
/* ロゴ */
h1{
	height:75px;
	overflow: hidden;
	position:absolute;
		top:20px;
		left:408px;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	width:312px;
}

/* twitter-banner */
.twitter-banner{
	height:288px;
	position:absolute;
		top:-118px;
		right:350px;
	width:288px;
}

/* header */
.head-box-pc{
	height: 380px;
	overflow: hidden;
	position: relative;
	width:100%;
}
.head-box2-pc{
	height: 380px;
	margin-left: -820px;
	position: absolute;
		left: 50%;
	width: 1640px;
}
.head-box2-pc .head_logo{
	height:75px;
	overflow: hidden;
	position:absolute;
		top:20px;
		left:408px;
}
.head-box-sp{display:none;}

/* global-navi
-------------------------------*/
.global-navi-sp{display:none;}
.global-navi-pc{width:1000px; margin:0 auto; position:absolute; top:-180px;}
.global-navi-pc li{float:left; width:250px; height:120px;}

/* footer
-------------------*/
/* chara */
.footer-chara{width:1000px; margin:100px auto -20px;}
.footer-chara01{margin-left:350px; width:296px; height:205px; float:left;}
.footer-chara02{margin-left:250px; width:96px; height:205px; float:right;}

/* text */
.copy-text{font-size:12px; padding:5px 0;}
}

/* SP版 */
@media screen and (max-width: 981px) {
body{width:100%;}
.main-container{display:block;}

/* head
-------------------------------*/
/* ロゴ */
.head-box-pc, .head-box2-pc{display:none;}
.head-box-sp{display:block;}
.head-box-sp img{width:100%;}
.twitter{width:34%; position:absolute; top:0; right:0;}

/* global-navi
-------------------------------*/
.global-navi-pc{display:none;}
.global-navi-sp li img{width:100%; margin:-0.8em 0 0.1em 0 ;}

/* side-navi
-------------------------------*/
.side-navi-sp{
	background:#FFF;
	width:90%;
	margin:0 auto;
	text-align:center;
	box-shadow:1px 1px 3px #9a812c;
		-webkit-box-shadow:1px 1px 3px #9a812c;/* Safari,Google Chrome用 */
		-moz-box-shadow:1px 1px 3px #9a812c;/* Firefox用 */
	border:7px solid #FFF;
    border-radius:12px;
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */
		-moz-border-radius:12px;/* Firefox用 */
}

/* カテゴリ(header-img) */
.side-navi-sp .header-img{width:100%;}
.side-navi-sp .header-img img{width:100%;}

/* リスト内容 */
.side-navi-sp li{witdh:100%; margin:6px 0 -10px;}
.side-navi-sp li img{width:100%;}
.side-navi-sp ul{witdh:100%; margin-bottom:10px; display:none;}
.side-navi-sp ul p img{width:95%; margin:0 auto;}

/* カテゴリ(footer-img) */
.side-navi-sp .footer-img{width:100%; margin-bottom:-7px;}
.side-navi-sp .footer-img img{width:100%;}

/* footer
-------------------*/
/* chara */
.footer-chara{width:80%; margin:30px 0 0 20%; margin-bottom:-30px;}
.footer-chara01{float:left; width:75%;}
.footer-chara01 img{width:100%;}
.footer-chara02{float:right; width:24%;}
.footer-chara02 img{width:100%;}


/* text */
.footer-text{padding:0 5%; width:90%;}
.copy-text{font-size:10px; padding:5px 0;}
}