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

#contents a[target="_blank"] {
    background: none;
    margin-right: 0px;
    padding-right: 0px;
}

/*-------------------------------------------------------------------------

    タイプ導線

-------------------------------------------------------------------------*/
#contents .col3.type-button .button{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 10px;
}

#contents .col3.type-button .button:before {
    color: #fff;
    top: 26%;
    font-weight: bold;
}

.col3.type-button .button .ttl,
.col3.type-button .button .txt{
    display: block;
}


/*------------------------------------------
    ボタンタイトル部分
------------------------------------------*/

#contents .col3.type-button .button .ttl{
    font-size: 150%;
    font-weight: bold;
    position: relative;
    line-height: 1.4;
    color: #fff;
}

#contents .col3.type-button .button .ttl span{
    font-size:  70%;    
    display: block;
}

#contents .col3.type-button .button .ttl:before{
    font-size: 60px;
    position: absolute;
    top: -20px;
    left: -4px;
    color: #fff;
    opacity: 0.3;
	font-family:Verdana, Geneva, sans-serif;
} 


/*　番号  */
#contents .col3.type-button .button.petit .ttl:before{ content: "1";} 
#contents .col3.type-button .button.default .ttl:before{ content: "2";} 
#contents .col3.type-button .button.special .ttl:before{ content: "3";} 

/*　色  */
#contents .col3.type-button .button.petit{
    background: url(/inc/images/common/bg_dot.png) #fb93b6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/inc/images/common/bg_dot.png),-moz-linear-gradient(top, #fb93b6 0%, #eb427b 100%); /* FF3.6+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb93b6), color-stop(100%,#eb427b)); /* Chrome,Safari4+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-linear-gradient(top, #fb93b6 0%,#eb427b 100%); /* Chrome10+,Safari5.1+ */
    background: url(/inc/images/common/bg_dot.png),-o-linear-gradient(top, #fb93b6 0%,#eb427b 100%); /* Opera 11.10+ */
    background: url(/inc/images/common/bg_dot.png),-ms-linear-gradient(top, #fb93b6 0%,#eb427b 100%); /* IE10+ */
    background: url(/inc/images/common/bg_dot.png),linear-gradient(to bottom, #fb93b6 0%,#eb427b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb93b6', endColorstr='#eb427b',GradientType=0 ); /* IE6-8 */
}

#contents .col3.type-button .button.petit:active{
    background: url(/inc/images/common/bg_dot.png) #eb427b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/inc/images/common/bg_dot.png),-moz-linear-gradient(top, #eb427b 1%, #fb93b6 99%); /* FF3.6+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-gradient(linear, left top, left bottom, color-stop(1%,#eb427b), color-stop(99%,#fb93b6)); /* Chrome,Safari4+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-linear-gradient(top, #eb427b 1%,#fb93b6 99%); /* Chrome10+,Safari5.1+ */
    background: url(/inc/images/common/bg_dot.png),-o-linear-gradient(top, #eb427b 1%,#fb93b6 99%); /* Opera 11.10+ */
    background: url(/inc/images/common/bg_dot.png),-ms-linear-gradient(top, #eb427b 1%,#fb93b6 99%); /* IE10+ */
    background: url(/inc/images/common/bg_dot.png),linear-gradient(to bottom, #eb427b 1%,#fb93b6 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb427b', endColorstr='#fb93b6',GradientType=0 ); /* IE6-8 */
}

#contents .col3.type-button .button.special{
    background: url(/inc/images/common/bg_dot.png) #f25d79; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/inc/images/common/bg_dot.png),-moz-linear-gradient(top, #f25d79 0%, #d72424 100%); /* FF3.6+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f25d79), color-stop(100%,#d72424)); /* Chrome,Safari4+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-linear-gradient(top, #f25d79 0%,#d72424 100%); /* Chrome10+,Safari5.1+ */
    background: url(/inc/images/common/bg_dot.png),-o-linear-gradient(top, #f25d79 0%,#d72424 100%); /* Opera 11.10+ */
    background: url(/inc/images/common/bg_dot.png),-ms-linear-gradient(top, #f25d79 0%,#d72424 100%); /* IE10+ */
    background: url(/inc/images/common/bg_dot.png),linear-gradient(to bottom, #f25d79 0%,#d72424 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25d79', endColorstr='#d72424',GradientType=0 ); /* IE6-8 */
} 

#contents .col3.type-button .button.special:active{
    background: url(/inc/images/common/bg_dot.png) #d72424; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/inc/images/common/bg_dot.png),--moz-linear-gradient(top, #d72424 1%, #f25d79 99%); /* FF3.6+ */
    background: url(/inc/images/common/bg_dot.png),--webkit-gradient(linear, left top, left bottom, color-stop(1%,#d72424), color-stop(99%,#f25d79)); /* Chrome,Safari4+ */
    background: url(/inc/images/common/bg_dot.png),--webkit-linear-gradient(top, #d72424 1%,#f25d79 99%); /* Chrome10+,Safari5.1+ */
    background: url(/inc/images/common/bg_dot.png),--o-linear-gradient(top, #d72424 1%,#f25d79 99%); /* Opera 11.10+ */
    background: url(/inc/images/common/bg_dot.png),--ms-linear-gradient(top, #d72424 1%,#f25d79 99%); /* IE10+ */
    background: url(/inc/images/common/bg_dot.png),-linear-gradient(to bottom, #d72424 1%,#f25d79 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72424', endColorstr='#f25d79',GradientType=0 ); /* IE6-8 */
}


#contents .col3.type-button .button.default{
background: url(/inc/images/common/bg_dot.png) #5d7df2; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/inc/images/common/bg_dot.png),-moz-linear-gradient(top, #5d7df2 0%, #141f90 100%); /* FF3.6+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d7df2), color-stop(100%,#141f90)); /* Chrome,Safari4+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-linear-gradient(top, #5d7df2 0%,#141f90 100%); /* Chrome10+,Safari5.1+ */
    background: url(/inc/images/common/bg_dot.png),-o-linear-gradient(top, #5d7df2 0%,#141f90 100%); /* Opera 11.10+ */
    background: url(/inc/images/common/bg_dot.png),-ms-linear-gradient(top, #5d7df2 0%,#141f90 100%); /* IE10+ */
    background: url(/inc/images/common/bg_dot.png),linear-gradient(to bottom, #5d7df2 0%,#141f90 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d7df2', endColorstr='#141f90',GradientType=0 ); /* IE6-8 */
} 

#contents .col3.type-button .button.default:active{
    background: url(/inc/images/common/bg_dot.png) #141f90; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(/inc/images/common/bg_dot.png),-moz-linear-gradient(top, #141f90 0%, #5d7df2 100%); /* FF3.6+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#141f90), color-stop(100%,#5d7df2)); /* Chrome,Safari4+ */
    background: url(/inc/images/common/bg_dot.png),-webkit-linear-gradient(top, #141f90 0%,#5d7df2 100%); /* Chrome10+,Safari5.1+ */
    background: url(/inc/images/common/bg_dot.png),-o-linear-gradient(top, #141f90 0%,#5d7df2 100%); /* Opera 11.10+ */
    background: url(/inc/images/common/bg_dot.png),-ms-linear-gradient(top, #141f90 0%,#5d7df2 100%); /* IE10+ */
    background: url(/inc/images/common/bg_dot.png),linear-gradient(to bottom, #141f90 0%,#5d7df2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141f90', endColorstr='#5d7df2',GradientType=0 ); /* IE6-8 */
}



#contents .col3.type-button .button .txt{
    font-size: 80%;
    margin-top: 5px;
    padding: 5px 10px;
    text-align: left;
    background: #fff;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}


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

    #contents .col3.type-button > div{ margin-bottom: 10px;}
    #contents .col3.type-button .button .txt{ display: none;}
    #contents .button.point{padding: 10px 30px 10px 15px!important;}
}



/*-------------------------------------------------------------------------

    日程

-------------------------------------------------------------------------*/
.day {
	margin-bottom: 1.4%;
}

.day > div{
    width: 15.5%;
    float: left;
    margin-right: 1.4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    display: block;
}
.day.special > div{
    width: 23.5%;
    margin-right: 2%;
}
.day.petit > div,
.day > div.petit{
    border: 3px solid #FBACC7;
    color: #E85E8C;
}
.day.normal > div,
.day > div.normal{
    border: 3px solid #8295E4;
    color: #3942A1;
}
.day.special > div,
.day > div.special{
    border: 3px solid #DC4040;
    color: #D74646;
}

.day > div:last-child{
    margin-right: 0;
}


.day span:first-line{
    display: block;
}
.day div {
	font-size: 80%;
	text-align: center;
	line-height: 1.1em;
}
.day strong{
    display: block;
    text-align: center;
    font-size: 180%;
	line-height: 1.5em;
	padding-top: 10px;
}

.day span{
    display: block;
    font-size: 70%;
}

.day .finish{
    background: #f1f1f1;
    color: #888;
    position: relative;
}

.day .finish:before{
    content: "終了しました";
    position: absolute;
    color: #000;
    background: #ccc;
    font-size: 80%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 2px 0;
    margin: 0;
    left: 0;
    top: 45%;
    opacity: 0.8;
}


@media screen and (max-width: 480px) {
    .day > div{
        width: 48.5%;
        float: left;
        margin-bottom: 10px;
    }
}



/*-------------------------------------------------------------------------

    一日の流れ
    
-------------------------------------------------------------------------*/

/* タブ */
.colorTab>div {
	cursor: pointer;
}
.readTxt strong.red {
	color: #D74646 !important;
}





.flow.oc .wrap{
    margin-bottom: 20px;
}

#motion_area1 .flow.oc h3{
    margin-bottom: 0;
    color: #ef3f60;
    background: #d3d6d9;
    padding: 10px;
}

#motion_area2 .flow.oc h3{
    margin-bottom: 0;
    color: #00A077;
    background: #d3d6d9;
    padding: 10px;
}

#motion_area_std .flow.oc h3{
    margin-bottom: 0;
    color: #00AEEF;
    background: #d3d6d9;
    padding: 10px;
}

#motion_area_pt .flow.oc h3{
    margin-bottom: 0;
    color: #E85382;
    background: #d3d6d9;
    padding: 10px;
}



#contents .flow.oc h3.overlap{
	border-top: none;
}

#contents .flow.oc .wrap .col2 {
	margin: 0 0 0 0!important;
}

.flow.oc .wrap > div{
/*    border: 1px solid #a9bfd7;
*/
    border-top: 0 none;
    padding: 10px;
}
/*
.flow.oc .wrap:after{
    clear: both;
    font-size: 70px;
    display: block;
    content: "\e6c0";
    font-family: FontAwesome;
    line-height: 0.3;
    -moz-transform: scale(1.3, 0.7);
    -ms-transform: scale(1.3, 0.7);
    -o-transform: scale(1.3, 0.7);
    -webkit-transform: scale(1.3, 0.7);
    transform: scale(1.3, 0.7);
    text-align: center;
    color: #ef3f60;
    margin: 10px 0;
    width: 95%;
}
*/
#motion_area1 .flow.oc .wrap:after {
	clear: both;
	font-size: 70px;
	display: block;
	content: "\e6c0";
	font-family: FontAwesome;
	line-height: 0.8;
	-moz-transform: scale(1.3, 0.7);
	-ms-transform: scale(1.3, 0.7);
	-o-transform: scale(1.3, 0.7);
	-webkit-transform: scale(1.3, 0.7);
	transform: scale(1.3, 0.7);
	/* text-align: center; */
	color: #ef3f60;
	width: 40px;
	margin: 0 auto;
}

#motion_area2 .flow.oc .wrap:after {
	clear: both;
	font-size: 70px;
	display: block;
	content: "\e6c0";
	font-family: FontAwesome;
	line-height: 0.8;
	-moz-transform: scale(1.3, 0.7);
	-ms-transform: scale(1.3, 0.7);
	-o-transform: scale(1.3, 0.7);
	-webkit-transform: scale(1.3, 0.7);
	transform: scale(1.3, 0.7);
	/* text-align: center; */
	color: #00A077;
	width: 40px;
	margin: 0 auto;
}

#motion_area_std .flow.oc .wrap:after {
	clear: both;
	font-size: 70px;
	display: block;
	content: "\e6c0";
	font-family: FontAwesome;
	line-height: 0.8;
	-moz-transform: scale(1.3, 0.7);
	-ms-transform: scale(1.3, 0.7);
	-o-transform: scale(1.3, 0.7);
	-webkit-transform: scale(1.3, 0.7);
	transform: scale(1.3, 0.7);
	/* text-align: center; */
	color: #00AEEF;
	width: 40px;
	margin: 0 auto;
}

#motion_area_pt .flow.oc .wrap:after {
	clear: both;
	font-size: 70px;
	display: block;
	content: "\e6c0";
	font-family: FontAwesome;
	line-height: 0.8;
	-moz-transform: scale(1.3, 0.7);
	-ms-transform: scale(1.3, 0.7);
	-o-transform: scale(1.3, 0.7);
	-webkit-transform: scale(1.3, 0.7);
	transform: scale(1.3, 0.7);
	/* text-align: center; */
	color: #E85382;
	width: 40px;
	margin: 0 auto;
}


#motion_area1 .flow.oc .wrap:last-child:after,
#motion_area2 .flow.oc .wrap:last-child:after,
#motion_area_std .flow.oc .wrap:last-child:after,
#motion_area_pt .flow.oc .wrap:last-child:after{
	content: none; display: none;
} 

#contents .flow.oc h3 .ctg{
    font-size: 65% !important;
}

#contents .flow.oc h3 .ctg:before{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e618";
	margin-right: 5px;
	color: #fff;
    font-size: 16px!important;
    position: relative;
    top: 2px;
}
#contents .flow.oc h3.low {
    border: solid #a9bfd7;
	border-width: 0 1px;
	background: #e6e6e6;
	color: #777;
	padding: 5px 20px;
	font-size: 100%;
}
#contents .flow.oc h3.low:first-child {
	border-width: 1px 1px 0;
}
.tab-contents .flow.oc .wrap div h4 {
	margin: 0 0 15px !important;
}
.flow.oc .wrap > div ul.close-left{
	margin-bottom: 0 !important;
}
.flow.oc .wrap > div ul.close-left.big{
	font-size: 120%;
}
.flow.oc .wrap > div ul.close-left li{
	float: left;
	margin-right: 2em !important;
}



/*-------------------------------------------------------------------------

    特典
    
-------------------------------------------------------------------------*/

#contents .basicBox.list.privilege {
    background: #eff4fa;
	padding: 10px;
}

#contents .basicBox.list.privilege h3{
    background-color: #285e9a;
    text-align: left;
    color: #fff;
    padding: 10px 15px;
}

#contents .basicBox.list.privilege h3:before{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
    margin-right: 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    content: "\e607";
    color: #ffd632;
}

#contents .basicBox.list.privilege ul{
	margin: 0px !important;
}

#contents .basicBox.list.privilege li{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    color: #fff;
    background: #285e9a;
    padding: 5px 10px;
    display: inline-block;
    margin: 0 5px 5px 0;
}
#contents .basicBox.list.privilege p{
	font-size: 85%;
	color: #666;
}


/*-------------------------------------------------------------------------

    開催日
    
-------------------------------------------------------------------------*/

.date_box{
    background-color: #285e9a;
    color: #fff;
    padding: 5px 10px;
    font-size: 180%;
    margin: 0 0 10px 0;
}

.date_box span,
.date_box strong{
    display: inline-block;
}

.date_box span{
    font-size: 70%;
    width: 10%;
}

.date_box strong{
    width: 90%;
    text-align: center;
    font-size: 120%;
}


.date_box strong span{
    width: auto;
    font-size: 50%;
    margin: 0 5px;
}


/*-------------------------------------------------------------------------*/

.oc_entry{
	padding: 20px 20px 0 20px;
}

.oc_entry img{

	/*-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 4px 6px 5px rgba(0,0,0,0.4);
	-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	 */
}


#contents ul{
	margin:0px;
}

#contents h2{
/*	background:url(../images/bg_oc_h2.png) repeat-x;
	border-left: none;
*/
}
/*
#contents .col2 > div.basicBox.image img, 
#contents .col2 > div.image.detailBox img {
	max-width:none;
	width: 100%;
}
*/

#oc_sp_top p{
	padding:20px;
	font-size:1.2em;
}

#oc_sp_top .bk_blue{
	background:#00B1E8;
	color:#FFF;
	margin-bottom:20px;
}

#oc_sp_top .bk_pink{
	background:#E85382;
	color:#FFF;
	margin-bottom:20px;
}


#oc_sp_info{
	padding-bottom:10px;
}
#oc_sp_info h2#webvoc{
    margin-top: 40px;
}
#oc_sp_info ul.tab_nav li{
	float:left;
	width:360px;
	margin-right:10px;
	margin-bottom:10px;
}

#oc_sp_info ul.tab_nav li:nth-child(2n){
	margin-right:0px;
}

#oc_sp_scd ul li{
	float:left;
/*	width:48%;
	border:5px solid #E6E6E6;
*/
	width:49.4%;
	margin-right:1%;
	margin-top: 10px;
}

#oc_sp_scd ul li:nth-child(2),
#oc_sp_scd ul li:nth-child(4){
	margin-right:0%;
}

#oc_sp_scd p{
	padding:10px;
}

#oc_sp_scd p.exp{
/*	border-bottom:1px dotted #000;
*/
}

#oc_sp_scd p.exp_mono{
	background:#DA0F19;
	font-size: 2.0em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

#oc_sp_scd .lsn_blk ul li{
	float:left;
	width:48%;
	margin:1%;
	border:none;
} 

#oc_sp_scd .lsn_blk ul li .lsn_dt_ph{
	float:left;
	width:50%;
}

#oc_sp_scd .lsn_blk ul li .lsn_dt_info{
	float:left;
	background-color: #EEEEEE;
	width:50%;
	height:142px;
}

#oc_sp_scd .lsn_blk ul li .lsn_dt_info p{
	padding: 10px 0px;
	margin:0px 10px;
	font-size: 0.9em;
}

#oc_sp_scd .lsn_blk ul li .lsn_dt_info p.lsn_dt_info_cap{
	border-bottom:1px dotted #000;
	font-weight:bold;
}

#oc_sp_scd .lsn_blk ul li .lsn_dt_info p.lsn_dt_info_exp{
}

#oc_sp_scd h4.lsn_blk_cap{
	background:#EEEEEE;
	color:#595757;
	padding:5px 10px;
	margin: 12px 7px 5px 7px;
}


#oc_sp_scd h4.lsn_blk_cap.lsn_com{
	color:#FFF;
	background:#0068B6;
}

#oc_sp_scd h4.lsn_blk_cap.lsn_game{
	color:#FFF;
	background:#00A077;
}

#oc_sp_scd h4.lsn_blk_cap.lsn_de{
	color:#FFF;
	background:#F36F21;
}

#oc_sp_scd h4.lsn_blk_cap.lsn_snd{
	color:#FFF;
	background:#E43F5E;
}


#oc_sp_scd h4.lsn_blk_cap span.exp{
	font-size:0.8em !important;
}

#motion_area1 .flow.oc h3 .oc_time{
	margin-right:10px;
	color: #ef3f60;
}

#motion_area2 .flow.oc h3 .oc_time{
	margin-right:10px;
	color: #00A077;
}

#motion_area_std .flow.oc h3 .oc_time{
	margin-right:10px;
	color: #00AEEF;
}

#motion_area_pt .flow.oc h3 .oc_time{
	margin-right:10px;
	color: #E85382;
}

#oc_sp_scd .oc_dt_cap .oc_dt_cap_info{
	float:left;
	width:56%;
	padding-right:1%;
}

/*
#oc_sp_scd div.oc_dt_cap.type_etc{
	background:#F36F21;
}

#oc_sp_scd .oc_dt_cap .oc_dt_cap_info p.type_etc{
	background:#00A077;
}
*/

#oc_sp_scd .oc_dt_cap .oc_dt_cap_img{
	float:left;
	width:43%;
}

#oc_sp_scd .oc_dt_cap{
/*	background-color:#ef3f60;
	padding:10px;
*/
}

#oc_sp_scd .oc_dt_cap_wrap_lv1,
#oc_sp_scd .oc_dt_cap_wrap_lv2,
#oc_sp_scd .oc_dt_cap_wrap_lv3,
#oc_sp_scd .oc_dt_cap_wrap_lv4,
#oc_sp_scd .oc_dt_cap_wrap_lv5,
#oc_sp_scd .oc_dt_cap_wrap_lv6{
	padding:3px;
}

#oc_sp_scd .oc_dt_cap_wrap_lv1{
	background-color:#EA5B69;
}

#oc_sp_scd .oc_dt_cap_wrap_lv2{
	background-color:#FFF;
}

#oc_sp_scd .oc_dt_cap_wrap_lv3{
	background-color:#E50012;
}


#oc_sp_scd .oc_dt_cap_wrap_lv1.type_etc{
	background-color:#0068B6;
}

#oc_sp_scd .oc_dt_cap_wrap_lv2.type_etc,
#oc_sp_scd .oc_dt_cap_wrap_lv4.type_etc{
	background-color:#FFF;
}

#oc_sp_scd .oc_dt_cap_wrap_lv3.type_etc{
	background-color:#00A077;
}

#oc_sp_scd .oc_dt_cap_wrap_lv5.type_etc{
	background-color:#F26E20;
}

#oc_sp_scd .oc_dt_cap_wrap_lv6.type_etc{
	background-color:#E50012;
}

#oc_sp_scd .oc_dt_cap .oc_dt_cap_info img,
#oc_sp_scd .oc_dt_cap .oc_dt_cap_img img{
	width:100%;
}

#oc_sp_scd .oc_dt_cap .oc_dt_cap_info p{
	color:#FFF;
	padding:0 10px;
	line-height: 1.5;
}

#oc_sp_top .oc_sp_point{
/*	position:relative;
*/
	border:10px solid #D3D6D9;
}

#oc_sp_top .oc_sp_point h2{
	background: none;
    color: unset;
    font-size: 3.0em;
    margin-bottom: 0;
    padding-bottom: 0;
    border-left:none;
    letter-spacing:0.05em;
}

#oc_sp_top .oc_sp_point strong{
	color:#cc141d !important;
	 font-size: 1.2em;
}

#oc_sp_top .oc_sp_point.std strong{
	color:#00aae8 !important;
}

#oc_sp_top .oc_sp_point .oc_sp_point_cap{
	position:absolute;
	top: -14px;
	left: -10px;
	width: 220px;
}

#oc_sp_top .oc_sp_point ul{
	padding:0px 10px 16px 20px;
	font-size: 1.5em;
	list-style: disc;
	margin-left: 20px;
}

#oc_sp_top .oc_sp_point ul li{
	letter-spacing:0.05em;
}

#oc_sp_top .oc_sp_main_h1_img{
	width: 635px;
	padding: 25px 10px 0px 10px;
}

#oc_sp_top .oc_std_main_h1_img{
	width: 470px;
	padding: 25px 10px 0px 10px;
}

#oc_sp_top .oc_pt_main_h1_img{
	width: 530px;
	padding: 25px 10px 0px 10px;
}

.oc_etc_point{
	margin:10px 0 0 20px !important;
}

.flow.oc a.link_ao{
	color:red;
}

.flow.oc a.link_ao:hover{
	text-decoration:underline;
}

/*
#oc_sp_info .scd_blk ul.scd_list{
	padding-top: 10px;
}

#oc_sp_info .scd_blk ul.scd_list li{
	position:relative;
	float:left;
	margin-right: 20px;
	background: #E6E6E6;
	margin-bottom: 20px;
}

#oc_sp_info .scd_blk ul.scd_list li:nth-child(6n){
	margin-right:0px;
}

#oc_sp_info .scd_blk ul.scd_list li img{
	position:absolute;
	right:7px;
	bottom:7px;
	width:10px;
}

#oc_sp_info .scd_blk ul.scd_list li p{
	display: table-cell;
	vertical-align: middle;
	height: 100px;
}

#oc_sp_info .scd_blk ul.scd_list li a{
	width:88px;
	display: block;
	padding: 26px 5px 26px 12px;
	background:none;
	text-decoration:none;
	margin-right: 0px;
}

#oc_sp_info .scd_blk ul.scd_list li a:hover{
	background:#eee;
}

#oc_sp_info .scd_blk ul.scd_list li a{
	width:150px;
	text-align:center;
	padding: 37px 5px 36px 12px;
}

#oc_sp_info .scd_blk ul.scd_list li:nth-child(4n){
	margin-right:0px;
}

#oc_sp_info .scd_blk ul.scd_list li:nth-child(4n) a{
	padding: 26px 5px 26px 12px;
}
*/

#oc_sp_info .scd_blk ul.scd_list li{
	float:left;
	width:18%;
	margin:5px 1% 5px 1%;
	background-color:#EEE;
	text-align:center;
	position:relative;
	height:110px;
}
#oc_sp_info .scd_blk ul.scd_list li.opsp{
    line-height: 1.2;
}

/*
#oc_sp_info .scd_blk ul.scd_list li:nth-child(5n){
	margin-right:0%;
}
*/

#oc_sp_info .scd_blk ul.scd_list li a:hover{
	background-color:#00aae8;
	color:#FFF;
}

#oc_sp_info .scd_blk ul.scd_list li a{
	background:none;
	margin-right: 0;
	padding-right: 0;
	text-decoration: none;
	position:absolute;
	width:100%;
	height:84%;
	left:0;
	top:0;
	padding:13% 0 0 0;
	font-size: 1.2em;
    letter-spacing: 0.05em;
}
#oc_sp_info .scd_blk ul.scd_list li.opsp a{
    padding-top: 10%;
}
#oc_sp_info .scd_blk ul.scd_list li.opsp a span{
    display: block;
    margin-bottom: 5px;
    font-size: 80%;
    font-weight: bold;
    color: #b30d23;
    letter-spacing: normal;
}
#oc_sp_info .scd_blk ul.scd_list li.opsp a:hover span{
	color:#FFF;
}

#oc_sp_info .scd_blk ul.scd_list li.fes{
	width:38%;
}

#oc_sp_info .scd_blk ul.scd_list li.fes a,
#oc_sp_info .scd_blk ul.scd_list li.fes a:hover{
	padding:6% 0 0 0;
	height: 75%;
}



/*-------------------------------------------------------------------------

    OC特別各コース詳細

-------------------------------------------------------------------------*/
.oc_sp_dt .oc_exp,
.oc_sp_dt .oc_exp a{
	font-weight:bold;
}

.oc_sp_dt .oc_exp a{
	color:#b30d23;
	text-decoration: underline;
}

.oc_sp_dt .so_live_l{
	float:left;
	width:485px;
	margin-right:5px;
}

.oc_sp_dt .so_live_r{
	float:left;
	width:240px;
}

.oc_sp_dt .so_live_r ul li{
	margin-bottom:5px;
}


.sch_toku img{
    display: block;
    margin: 15px 0;
}

.oc_sp_dt .lesson_type ul li{
	float:left;
	width:362px;
	margin-right:5px;
	margin-bottom:10px;
}
/*
.oc_sp_dt .lesson_type ul li p{
	text-align:center;
    font-size: 1.1em;
    padding-top: 5px;
    letter-spacing: 0.1em;
}

.oc_sp_dt .lesson_type ul li p.exp{
    text-align: left;
    padding: 0 4%;
    font-size: 1.0em;
    margin: 10px 0;
}
*/

.oc_sp_dt .lesson_type p{
	text-align:center;
    font-size: 1.1em;
    padding-top: 5px;
    letter-spacing: 0.1em;
}

.oc_sp_dt .lesson_type p.exp{
    text-align: left;
    padding: 0 4%;
    font-size: 1.0em;
    margin: 10px 0;
}

.oc_sp_dt .lesson_type ul li:nth-child(2n){
	margin-right:0px;
}

.oc_sp_ga_sp h3{
    background-color: #2DAF7A;
    color: #FFF !important;
    font-size: 1.1em !important;
    padding: 5px 0px 5px 10px;
    letter-spacing: 0.1em;
    width: 96%;
}

.oc_sp_ga_sp h4{
    color: #2DAF7A !important;
    font-size: 1.1em !important;
    margin: 0 !important;
    text-align: center !important;
    padding: 10px 0 0 0 !important;
}

.oc_sp_ga_sp.sp1{
    float: left;
    width: 67%;
}

.oc_sp_ga_sp ul li{
    background-color: #E4E4E4;
}

.oc_sp_ga_sp.sp1 ul li{
    float: left;
    width: 48%;
    margin-right: 2%;
}

.oc_sp_ga_sp.sp2{
    float: left;
    width: 32.3%;
}

.oc_sp_ga_sp .exp{
   padding: 0px 15px 10px 15px;
}

.oc_sp_ga_sp.sp2 .exp{
    margin-top: 32px;
}

.oc_sp_co_le{
	text-align: left !important;
    color: #0068B6;
    font-size: 1.3em !important;
}

.oc_sp_de_2 p,
.oc_sp_de_2 p.exp{
	text-align: left !important;
	padding: 0 2% !important;
}

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

    .oc_sp_ga_sp.sp1,
    .oc_sp_ga_sp.sp1 ul li,
    .oc_sp_ga_sp.sp2{
        width: 100%;
    }

    .oc_sp_ga_sp ul li{
        margin: 0 0 20px 0;
    }

    .oc_sp_ga_sp.sp2 .exp{
        margin-top: 10px;
    }

    .oc_sp_ga_sp h3{
        padding: 5px 0px 5px 2%;
        width: 98%;
    }

	#contents h2{
		border-right:none;
		font-size:1.1em;
	}

	#contents h3{
		border-bottom:none;
	}

	#oc_sp_info ul.tab_nav li{
		width:100%;
		margin-right:0px;
	}
	
	#oc_sp_info ul.tab_nav li:nth-child(2n){
		margin-right:0px;
	}
	
	#oc_sp_scd ul li{
		width:100%;
		margin-right:0;
	}
	
	#oc_sp_scd div.lsn_blk{
		width:100%;
	}
	
	#oc_sp_scd  h4.lsn_blk_cap{
		padding: 5px 5px;
	}

	#oc_sp_scd .lsn_blk ul li .lsn_dt_ph{
		width:100%;
	}
	
	#oc_sp_scd .lsn_blk ul li .lsn_dt_info{
		width:100%;
	}
	
	#oc_sp_scd  h4.lsn_blk_cap{
		margin-left:0;
		margin-right:0;
	}
	
	#oc_sp_scd .lsn_blk ul li .lsn_dt_info{
		height:165px;
	}

	.flow.oc .wrap > div {
		padding:0;
	}
	
	.oc_entry{
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}

	#oc_sp_scd .oc_dt_cap .oc_dt_cap_info{
		width:100%;
	}
	
	#oc_sp_scd .oc_dt_cap .oc_dt_cap_img{
		width:100%;
	}

	#oc_sp_top .oc_sp_main_h1_img{
		width: 94%;
	}

	#oc_sp_top .oc_sp_point h2{
	    font-size: 1.8em;
	    text-align:center;
	}

	#oc_sp_top .oc_sp_point ul{
		font-size: 1.1em;
		margin-left:3%;
	}
/*
	#oc_sp_info .scd_blk ul.scd_list li{
		width:30%;
		margin-right:5%;
	}
	
	#oc_sp_info .scd_blk ul.scd_list li:nth-child(3n){
		margin-right:0px;
	}

	#oc_sp_info .scd_blk ul.scd_list li a{
		width: 80%;
		font-size: 80%;
		padding: 30% 10%;
	}

	#oc_sp_info .scd_blk ul.scd_list li:nth-child(4n){
		width:100%;
	}
	#oc_sp_info .scd_blk ul.scd_list li:nth-child(4n) a{
		width:100%;
		font-size: 1.2em;
	}
*/

	#oc_sp_info .scd_blk ul.scd_list li{
		width:48%;
/*		margin:5px 1% 5px 1%;
		background-color:#DDD;
		text-align:center;
		position:relative;
		height:110px;
*/
	}

	#oc_sp_info .scd_blk ul.scd_list li.fes{
		width:98%;
	}

	#oc_sp_info .scd_blk ul.scd_list li.fes a{
		padding:5% 0 0 0;
	}

	#oc_sp_info .scd_blk ul.scd_list li.fes a:hover{
		 height: 68%;
	}

	#oc_sp_top .oc_std_main_h1_img,
	#oc_sp_top .oc_pt_main_h1_img{
		width: 88%;
		padding: 5% 5% 0% 5%;
	}

	.oc_etc_point .basicBox{
		margin-bottom:0 !important;
	}

	/*-------------------------------------------------------------------------

	    OC特別各コース詳細

	-------------------------------------------------------------------------*/
/*
	.oc_sp_dt .so_live_l{
		float:left;
		width:485px;
		margin-right:5px;
	}

	.oc_sp_dt .so_live_r{
		float:left;
		width:240px;
	}

	.oc_sp_dt .so_live_r ul li{
		margin-bottom:5px;
	}

	.oc_sp_dt .lesson_type ul li{
		float:left;
		width:240px;
		margin-right:5px;
		margin-bottom:10px;
	}

	.oc_sp_dt .lesson_type ul li p{
		text-align:center;
		text-align: center;
	    font-size: 1.1em;
	    padding-top: 5px;
	    letter-spacing: 0.1em;
	}

	.oc_sp_dt .lesson_type ul li:nth-child(3n){
		margin-right:0px;
	}
*/

	.oc_sp_dt .so_live_l,
	.oc_sp_dt .so_live_r{
		float:none;
		width:100%;
	}

	.oc_sp_dt .so_live_l,
	.oc_sp_dt .so_live_r ul li{
		margin-bottom:10px;
	}

	.oc_sp_dt .lesson_type h3{
		text-align:center;
	}

	.oc_sp_dt .lesson_type ul{
		width:96% !important;
		margin:0 auto !important;
	}
	
	.oc_sp_dt .lesson_type li,
	.oc_sp_dt .lesson_type ul li:nth-child(3n){
		width:46% !important;
		margin:0 2% 10px 2% !important;
	}
	
	.oc_sp_dt .lesson_type ul li p{
		font-size: 1.0em;
	}

	.oc_sp_co_le{
		font-size: 0.8em !important;
	}
}

/* 230329：オープンキャンパス特別版 */
#oc_sp_top{
    margin-bottom: 0;
}
ul#oc_sp_date{
    margin-bottom: 20px;
    justify-content: space-between;
}
ul#oc_sp_date li{
    width: calc((100% - 10px) / 2);
}
ul#oc_sp_date li:nth-of-type(n+3){
    margin-top: 10px;
}
@media screen and (max-width: 480px) {
    ul#oc_sp_date li{
        width: 100%;
    }
    ul#oc_sp_date li:not(:first-of-type){
        margin-top: 10px;
    }
}