@charset "utf-8";


/* * * * * * * * * * * * * * * * * * * * * * *
 *
 * symp2016
 *
 * * * * * * * * * * * * * * * * * * * * * * */ 


/*********************************************
 * PC
 ******************************************* */


body {
	background: #fff;
	min-width: 320px;
	width: 100%;
	padding-top: 20px;
	overflow: hidden;
}
.container {	
	margin: 0 auto;
}


 /*　header
 * --------------------------------- */

header {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	position: relative;
	padding-bottom: 17px;
}
header h1 {
	color: #222;
	font-size: 11px;
	padding-bottom: 10px;
} 
header .header-left {
	float: left;		
}
header .header-right {
	float: right;
	overflow: hidden;
	zoom: 1;
}
header .header-right .fb {
	position: absolute;
	right: 0;
}
header .header-right-inner {
	display: table;
	padding-top: 30px;
}
header .header-right-inner .header-right-01, header .header-right-inner .header-right-01 {
	display: table-cell;
	vertical-align: top;
}
header .header-right-inner .header-right-01 dl {
	font-size: 12px;
	line-height: 1.4;
	display: table;
}
header .header-right-inner .header-right-01 dl span {
	font-size: 15px;
	font-weight: bold;
}
header .header-right-inner .header-right-01 dl dt,
header .header-right-inner .header-right-01 dl dd {
	display: table-cell;
}
header .header-right-inner .header-right-01 {
	padding-right: 10px;
}
header .header-right-inner .header-right-02 {
	margin-top: 2px;
}


 /*　main
 * --------------------------------- */
 
.main {
	width: 100%;
	background: #000055;
	padding: 48px 0 0;
}
.main-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.main-inner .place {
	position: absolute;
	top: -49px;
	right: 50px;
}
.main-inner .main01, .main-inner .main02 {
	margin: 0 auto;
}
.main-inner .main01 {
	padding-bottom: 19px;
}
.main-inner .main03 {
	margin: -20px 0 0 23px;
}


 /*　section-01
 * --------------------------------- */
.closed-msg {
	padding: 2em;
	text-align: center;
	background: #fcebe1;
	color: #cc0000;
	position: relative;
	font-weight: bold;
}
.closed-msg:after {
	display: block;
	content: '';
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: absolute;
	left: 2px; top: 2px;
	border: 1px solid #fff;
}
.section-01 {
	background: #f8f6ea;
	padding: 35px 0 42px;
}
.section-01 .section-01-inner {
	width: 1000px;
	margin: 0 auto;
}
.section-01-inner .info {
	width: 730px;
	border: solid 2px #7e308e;
	padding: 35px 50px 30px;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 36px;
}
.section-01-inner .info img {
	margin: 0 auto;	
}
.img-center {
	margin: 0 auto;
}
.entry {
	margin-bottom: 48px;
}
.section-01-inner .branding {
	position: relative;
}
.section-01-inner .btn-detail {
	position: absolute;
	top: 1820px;
	right: 175px;
}
.point-circle {
	position: absolute;
	top: -25px;
    right: 95px;	
}



 /*　section-02
 * --------------------------------- */

.section-02 {
	background: #fff;
	padding: 42px 0;
}
.section-02 .section-02-inner {
	width: 796px;
	margin: 0 auto;
	border: 1px solid #919191;
	padding: 48px 52px;
	position: relative;
	background: #f5f2e9 url(../img/img_photo01.png) right top no-repeat;
}
.section-02-inner .triangle {
	position: absolute;
	left: 2px;
	top: 2px;
}
.section-02-inner .point5 {
	padding: 0 0 0 30px;
}
.section-02-inner .point {
	overflow: hidden;
	zoom: 1;
	margin-top: 15px;
}
.section-02-inner .point dl {
	float: left;
	border: 1px solid #7e308e;
	padding: 13px 16px 14px 16px;
	width: 220px;
	background: #fff;
	margin: 13px 15px 0 0;
}
.section-02-inner .point dt {
	font-size: 24px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif;
	padding-bottom: 8px;
	border-bottom: 1px solid #bb7fc3;
	text-align: center;
}
.section-02-inner .point dd span {
	font-size: 14px;
	font-weight: bold;
	color: #780087;
	display: block;
	padding-bottom: 5px;
}
.section-02-inner .point dd {
	font-size: 13px;
	line-height: 1.4;
	padding-top: 12px;
}
.section-02-inner .point .case {
	margin-right: 0;	
}



 /*　section-03
 * --------------------------------- */


.section-03 {
	background: #e5e5ee;
	padding: 38px 0 60px;
}
.section-03 .section-03-inner {
	width: 900px;
	margin: 0 auto;
}
.section-03-inner h3 {
	background: url(../img/tit_bk.png) left top no-repeat;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif;
	height: 50px;
	font-size: 20px;
	color: #fff;
	padding: 15px 0 0 26px;
	margin-bottom: 10px;
}

.mac .section-03-inner h3 {
    /*Windows (全バージョン)のみ*/
	background: url(../img/tit_bk.png) left top no-repeat;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif;
	height: 50px;
	font-size: 20px;
	color: #fff;
	padding: 10px 0 0 26px;
	margin-bottom: 10px;
}

.section-03-inner ul {
	overflow: hidden;
	zoom: 1;
}
.section-03-inner ul li:before {
	content: "●";
	font-size: 14px;
	color: #780087;
	padding-right: 4px;
}
.section-03-inner ul li {
	font-size: 15px;
	float: left;
	padding-right: 22px;
}
.section-03-inner .program, .section-03-inner .panelist {
	margin-bottom: 45px;
	overflow: hidden;
	zoom: 1;
}
.section-03-inner .box-panelist {
	overflow: hidden;
	zoom: 1;
	border: 1px solid #6f6fab;
	background: #fff;
	padding: 14px 15px;
	width: 380px;
	height: 99px;
	float: left;
	font-size: 14px;
	margin: 0 0 11px 25px;
}
.section-03-inner .box-panelist img {	
	float: left;
}
.section-03-inner .box-panelist dl {
	padding-left: 15px;
	float: left;
}
.section-03-inner .box-panelist dt {
	font-weight: bold;
	padding-bottom: 3px;
}
.section-03-inner .box-panelist dd a {
	padding-top: 10px;
	display: block;
}
.section-03-inner .box-panelist dd a:hover {
	text-decoration: none;
}
.section-03-inner .box-panelist dd {
	font-size: 13px;
}

.section-03-inner .info-detail {
	overflow: hidden;
	zoom: 1;
	padding-bottom: 40px;
}
.section-03-inner .info-detail-right a {
	color: #222;
	text-decoration: underline;
	font-size: 12px;
}
.section-03-inner .info-detail-right p:before {
	content: "‣";
	padding-top: 10px;
}
.section-03-inner .info-detail-right a:hover {
	text-decoration: none;
}
.section-03-inner .info-detail-left ul li:before {
	font-size: 10px;
	color: #222;
	padding-right: 2px;
}
.section-03-inner .info-detail-left {
	float: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳＰ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 15px 0 0 15px;	
}
.section-03-inner .info-detail-right {
	float: right;
	padding-right: 15px;	
}
.section-03-inner .info-detail-left dl {
	width: 480px;
	display: table;
	margin-bottom: 10px;
}
.section-03-inner .info-detail-left dl dt {
	color: #fff;
	background: #7e308e;
	width: 70px;
	text-align: center;
	font-size: 13px;
	border-radius: 4px;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.section-03-inner .info-detail-left dl dd {
	padding: 5px 0 5px 16px;
	display: table-cell;
	vertical-align: middle;
}
.section-03-inner .info-detail-left .time {
	font-size: 15px;		
}
.section-03-inner .info-detail-left .detail-place {
	font-size: 20px;
}
.section-03-inner .info-detail-left .entry-fee .price {
	font-size: 18px;
}
.section-03-inner .info-detail-left .entry-fee li .pc {
	display: inline;
}
.section-03-inner .info-detail-left .entry-fee li {
	padding-bottom: 4px;
	font-size: 13px;
}
.section-03-inner .info-detail-left .sponsor {
	font-size: 15px;
}
.section-03-inner .info-movie p {
	padding: 0 20px 45px;
	font-size: 14px;
}
.section-03-inner .info-movie {

	
}
.section-03-inner .info-movie iframe {
	padding-left: 165px;
	
}


.copyright {
	color: #888;
	font-size: 11px;
	text-align: center;
	padding: 18px 0 25px;
}



/*********************************************
 * SP
 ******************************************* */
 

@media screen and (max-width: 780px) {
	
body {
	width: 100%;
	    padding-top: 15px;
}

header {
	width: 92%;
	margin: 0 4.5%;
	padding-bottom: 10px;
}
header .header-right-inner .header-right-01 {
	display: none;
}
header .header-right-inner {
    padding-top: 0;
}
header .header-left h1 {
	letter-spacing: -0.01em;
}
header .header-left h2 img {
	width: 92%;
	height: auto;
}
header h1 {
	font-size: 10px;
	line-height: 1.3;
}
header .header-right-inner .header-right-02 a img {
    margin-top: 36px;
	width: 95%;
	float: right;	
}
header .header-left {
    width: 60%;
}
header .header-right {
    width: 40%;
}
.main {
	padding: 18px 0 0;
}
.main-inner {
	width: 90%;
	margin: 0 5%;
}
.main-inner .main01, .main-inner .main02 {
	margin: 0;
}
.main-inner .place {
	position: absolute;
    top: -19px;
    right: -3px;
    width: 35%;
}
.main-inner .main01 {
	width: 95%;
	margin: 0 auto;
}
.main-inner .main03 {
    margin: 10px 0 0 0;
}


 /*　section-01
 * --------------------------------- */
.closed-msg {
	padding: 1em;
}
.section-01 .section-01-inner {
	width: 90%;
	margin: 0 5%;
}
.section-01 {
    padding: 25px 0 30px;
}
.section-01-inner .info {
	padding: 20px 16px;
	width: 88%;
	margin-bottom: 25px;
}
.section-01-inner .info img {
	width: 100%;
	height: auto;
	margin: 0;
}
.entry {
    margin-bottom: 25px;

}
.point-circle {
    top: 11.5%;
    right: 2.5%;
    width: 17%;
}
.section-01-inner .btn-detail {
    top: 96%;
    right: 25%;
    width: 50%;
}
.section-01-inner .award {	
}

 
  /*　section-02
 * --------------------------------- */
 
.section-02 {
	width: 90%;
    padding: 0;
	margin: 30px 5% 20px;
}
.section-02 .section-02-inner {
	width: 90%;
	padding: 25px 5%;
	background-size: 55% auto;
	margin-bottom: 20px;
}
.section-02-inner .triangle {
	width: 10%;
}
.section-02-inner .point5 {
    padding: 0;
	width: 60%;
    height: auto;
}
.section-02-inner .point dl {
	margin: 10px 0 0 0;
	padding: 5%;
	float: none;
	width: 89%;
}
.section-02-inner .point dt {
	font-size: 20px;
}



  /*　section-03
 * --------------------------------- */
 
.section-03 {
	padding: 28px 0 35px;
}
.section-03 .section-03-inner {
	width: 90%;
	margin: 0 auto;
}
.section-03-inner h3 {
	background: url(../img/tit_bk_s.png) left top no-repeat;
	background-size: 100% 100%;
	font-size: 15px;
	height: 26px;
	line-height: 0.9;
    margin-bottom: 18px;
}
.section-03-inner .program, .section-03-inner .panelist {
	margin-bottom: 35px;
}

.section-03-inner ul li {
	float: none;
}

.section-03-inner .box-panelist {
	padding: 4%;
    width: 91%;
	float: none;
	margin: 0 0 8px 0;
	height: auto;
}
.section-03-inner .box-panelist dl {
	width: 56%;
}
.section-03-inner .box-panelist dd a {
	color: #0000ee;
	text-decoration: underline;
}
.section-03-inner .info-detail-left {
	padding: 0;
	float: none;
	margin-left: 2%;
}
.section-03-inner .info-detail-left .time {
    font-size: 13px;
	letter-spacing: -0.01em;
	width: 100%;
}
.section-03-inner .info-detail-left dl dd {
	padding: 5px 0 5px 10px;
	line-height: 1.3;
}
.section-03-inner .info-detail-left dl {
	margin-bottom: 6px;
}
.section-03-inner .info-detail-left dl dt{
	width: 60px;
}
.section-03-inner .info-detail-left .detail-place {
    font-size: 15px;
	width: 100%;
}
.section-03-inner .info-detail-left .entry-fee li {
	font-size: 12px;
}
.section-03-inner .info-detail-left .entry-fee li .pc {
	display: none;
}
.section-03-inner .info-detail-left .entry-fee .price {
    font-size: 16px;
}
.section-03-inner .info-detail-left .sponsor {
    font-size: 12px;
}
.section-03-inner .info-detail-right {
    float: none;
    padding-right: 0;
	margin-top: 20px;
}
.section-03-inner .info-detail {
	padding-bottom: 25px;
}
.section-03-inner .info-movie p {
	padding: 0 0 20px;
	line-height: 1.4;
}
.section-03-inner .info-movie iframe {
    padding-left: 0;
	width: 100%;
    height: auto;
}
.section-03-inner .info-detail-right img {
	margin: 0 auto;
}
.copyright {
	margin: 0 5%;
	padding: 13px 0 20px;
	line-height: 1.5;
}

}

@media screen and (min-width: 360px) {
.section-03-inner .box-panelist dl {
	width: 61%;
}
}
@media screen and (min-width: 380px) {
.section-03-inner .box-panelist dl {
	width: 63%;
}
}
@media screen and (min-width: 400px) {
.section-03-inner .box-panelist dl {
	width: 65%;
}
}


@media only screen and (orientation:landscape) {

}

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