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

/**
 * button
*/
.button-css {
    max-width:100%;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
		margin:20px 0;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
}

.button-css:hover {
	 background-color: #5fc3ef;
}

div#s-end {
	margin:0 0 0 10px;
	font-size:12px;
	color:#FF0000;
}

.sec03:first-of-type{
	margin-bottom:1em;
}

/* olli01 クラス */
.olli01 {
	padding-left:40px;
}
.olli01 li{
	list-style:decimal;
	padding-bottom:10px;
}
.olli01 > li span {
	font-size:14px;
	padding:0 0 0 20px;
}

/* ulli01 クラス*/
.ulli01 {
	padding-left:10px;	
}
.ulli01 li {
	list-style:disc;
	padding-bottom:0px;
}

/* 
 * 更新情報
 * ymd naiyou
 */
ul#update{
	font-size:18px;
	margin:0;
	padding:0;
}
ul#update li {
	list-style:none;  
	overflow: hidden;
	border-bottom:#CCC 1px solid;
	padding-top:15px;
}
ul#update li a {
	text-decoration:none;
}
ul#update li a:link,
ul#update li a:visited {
	color:#009;
}

ul#update li:after {
	clear: both;
}
ul#update li:before,
ul#update li:after {
    content: "";
    display: table;
}

li div.ymd {
	float: left;
	width:120px;
	color:#666;
}
li div.naiyou {
	float: left;
	margin-left:30px;
}

/* Information用 */
.l_box{
		margin: 5px;
		padding: 0;
		width:100%;
		list-style: none outside;
}

.l_box li{
		font-size:14px;
		margin: 3px;
		padding: 0;
		float: left;
}

.l_box li.ymd{
		clear:both;
		color:#F00000;
		width: 15%;	
}

.l_box li.naiyou{
		width:80%;
}


/* 
 * .gaiyou
 */
div.gaiyou {
	font-size:0.9em;
	padding:10px 0 ;
}

/* 
 * .annai_title
 */
div.annai_title {
	border:#0099FF 1px solid;
	background:#0099FF;
	color:#FFFFFF;
}
div.annai_title > div{
	background:#FFFFFF;
	color:#000;
	font-size:18px;
	padding:10px;
}
 
/* 
 * 帯
*/
div.obi {
	background:#E3F4EA;
  border:#006600 1.5px solid;
	border-radius:30px;
	font-size:25px;
	color:#000033;
	font-weight:bold;
	letter-spacing:7px;
	padding:0px 20px;
	margin:50px 0 5px 0;
}

/*
 * kinouList
*/
ul.kinouList {
	margin:5px 0 5px 35px;
}
ul.kinouList > li::after,
ul.kinouList > li::before {
	display: block;
	content: '';
	position: absolute;
}
ul.kinouList > li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
ul.kinouList > li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
ul.kinouList > li{
	position: relative;
	margin:20px 0 20px 0;
	padding:0;
}
ul.kinouList li > ul {
	margin:0 0 0 10px;
}
ul.kinouList li > ul li{
	position: relative;
	font-size:16px;
	margin:0 0 20px 0;
	padding:0;
}
ul.kinouList li:nth-child(1) > ul li:nth-child(1),
ul.kinouList li:nth-child(2) > ul li:nth-child(1),
ul.kinouList li:nth-child(2) > ul li:nth-child(2),
ul.kinouList li:nth-child(2) > ul li:nth-child(3),
ul.kinouList li:nth-child(3) > ul li:nth-child(1),
ul.kinouList li:nth-child(3) > ul li:nth-child(2),
ul.kinouList li:nth-child(3) > ul li:nth-child(3){
	color:#F00;
}
ul.kinouList li > ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

ul.kinouList a:link,
ul.kinouList a:visited {
	color:#FF0000;
	text-decoration: none;
}

.description {
	font-size:14px;
	color:#333;
}


/* 
 * magnificPopup
 */
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
	border:#999 5px solid;
}


/*
  pop-update
*/

div.pop-update {
	font-size:16px;
	color:#666;
	margin:20px 0;
}

div.pop-naiyou {
	padding:30px 0;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	
	.l_box li.ymd{
		width: 100px;	
	}
	
}