@charset "Shift_JIS";

/* ################################################### */
/* #                                                 # */
/* #                 index_sp.css                    # */
/* #                                                 # */
/* ################################################### */


/* 2016.07.04-
---------------------------------------------------- */
/*
 
 Slider 
 Header
 Footer             
 SP汎用	

/*


/* index
---------------------------------------------------- */


/* Slider
---------------------------------------------------- */
.royalSlider {
	width: 100%!important;
}

/*SPでは非表示*/
.rsNav{
	display: none;
}

/*画像上部のネガティブマージンを消す*/
.rsImg{
	margin-top: 0!important;
}
/*作品ページはこちらのリンク画像*/
.example-link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.example-link img{
	width: 100%;
}
/*矢印　SPだけ常に表示*/
.rsHidden{
	opacity: 1!important;
	visibility: visible!important;
}



/*スライダーSPの調整*/
.rsSlide .rsContent{
	height: auto !important;
}
.rsDefaultInv .rsThumbsHor {
  height:0px!important;
}
.rsImg{
	width: 100%!important;
	height: auto!important;
}
.rsDefaultInv .rsArrow{
	height: 82%!important;
}

/*スライダーSPの調整　ここまで*/


/* TopBannerArea
---------------------------------------------------- */
.TopBannerArea{
	margin-bottom: 10px;
	padding-top: 90px;
}


/* RightBannerArea
---------------------------------------------------- */
#HomePre{
	margin: 10px -2% 10px 0;
}
#HomePre li{
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
}
#HomePre:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;	
}


/* Accordion
---------------------------------------------------- */
.AccordionContents img{
	width: 100%;
}

/*Accordion基本（赤）*/

/*PCの画像を非表示*/
.AccordionBtn img{
	display: none;
}
.AccordionBtn {
	cursor:pointer;
	padding: 3.5% 5%;
	margin-bottom:2px;
	color:#FFFFFF;
	font-size: 1.0em;
	font-weight: bold;
	background: #DC1212 url(/images/common/ico_accordion_unopen.png) no-repeat 97% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
.AccordionBtn.opened {
	background: #DC1212 url(/images/common/ico_accordion_opened.png) no-repeat 97% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
.AccordionContents {
	display:none;
}
.AccordionContents{
	padding-top: 10px;
	padding-bottom: 10px;
}


/*AccordionBtn2（グレー）（Accordionと併用）*/
.AcBtn2 {
	cursor:pointer;
	padding: 3.5% 5%;
	margin-bottom:2px;
	color:#242424;
	font-size: 0.9em;
	font-weight: bold;
	background: #F2F2F2 url(/images/common/ico_accordion2_unopen.png) no-repeat 97% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
.AcBtn2.opened {
	background: #F2F2F2 url(/images/common/ico_accordion2_opened.png) no-repeat 97% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}


/*AccordionBtn3（白）（Accordionと併用）*/
.AcBtn3 {
	cursor:pointer;
	padding: 3.5% 5%;
	margin-bottom:2px;
	color:#242424;
	font-size: 0.9em;
	font-weight: bold;
	background: #fff url(/images/common/ico_accordion2_unopen.png) no-repeat 97% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
	border-bottom:1px solid #F2F2F2; 
}
.AcBtn3.opened {
	background: #fff url(/images/common/ico_accordion2_opened.png) no-repeat 97% center;
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}



/* 2階層目のタイトル
---------------------------------------------------- */
.Ttl1{
	background-color: #F2F2F2;
	color: #D83C2C;
	font-size: 0.8em;
	font-weight: bold;
	padding: 10px 15px;
	margin-bottom: 10px;
}





/* ニュース系スタイル
---------------------------------------------------- */
dl.NewsStyle{
	margin-bottom: 10px;
}
dl.NewsStyle dt{
	color: #8A8A8A;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}
dl.NewsStyle dd{
	font-size: 12px;
	font-weight: bold;
}




/* リンクバナー等
---------------------------------------------------- */
/*バナー並び*/
.Links03,
.BannerList{
	width: 90%;
	padding: 10px 5%;
	text-align: center;
}
.Links03 dd,
.BannerList li{
	margin: 0 0 7px 0;
}


/* SPでRSSは非表示
---------------------------------------------------- */
#PressRSS,
#AnnouncementRSS li:first-child,
#LinksList{
	display: none;
}






/* お知らせ 一覧を見る
---------------------------------------------------- */
#Info{
	position: relative;
}
#Info #AnnouncementRSS	{
	position:absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
#Announcement{
	padding-bottom: 40px;
}

.NewsListBtn{
	text-align: center;
}

.NewsListBtn a{
	display: block;
	border: 1px solid #C8C8C8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 70px 10px 65px;
	font-size: 14px;
	margin: 10px;
	background: #fff url(/images/common/ico_arrow.gif) no-repeat 95% center;
　background-size: 6px auto;
	-moz-background-size: 6px auto;
	-webkit-background-size: 6px auto;
	white-space: nowrap;
}



/* 赤四角ボックス
---------------------------------------------------- */
.BoxRed{
	border: 1px solid #DC1212;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: 10px;
}
.BoxRed .TtlBoxRed{
	color: #fff;
	background-color: #DC1212;
	border: 1px solid #DC1212;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	padding: 7px 10px;
}
.SpMargin{
	margin-top: 0px;
}