@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/

.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pT25{padding-top:25px!important;}
.pT30{padding-top:30px!important;}
.pT35{padding-top:35px!important;}
.pT40{padding-top:40px!important;}
.pT45{padding-top:45px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.lm50{margin-left:50px !important;}
.lm60{margin-left:60px !important;}
.lm70{margin-left:70px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}

.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}

.red { color:#b11e29; }



@media only screen and (max-width: 800px) {
.spHide { display: block;}
.spDisp { display: none;}
}



/*----------------------------------------------------
	☆Size
----------------------------------------------------*/

.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size17 { font-size:1.7rem!important; }
.size18 { font-size:1.8rem!important; }
.size19 { font-size:1.9rem!important; }
.size20 { font-size:2.0rem!important; }
.size21 { font-size:2.1rem!important; }
.size22 { font-size:2.2rem!important; }
.size23 { font-size:2.3rem!important; }
.size24 { font-size:2.4rem!important; }
.size25 { font-size:2.5rem!important; }
.size26 { font-size:2.6rem!important; }
.size27 { font-size:2.7rem!important; }
.size28 { font-size:2.8rem!important; }
.size29 { font-size:2.9rem!important; }
.size30 { font-size:3.0rem!important; }




/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.wFull {width:100%!important;}




/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/
#contents article {
	clear:both;
	margin-bottom:60px;
}

#contents section {
	clear:both;
	margin-bottom:40px;
}

#contents section.last {
	margin-bottom:0;
}

#contents .inBox {
	margin:0 auto;
	width:95%;
}

#contents .hrefBox01 {
	float:left;
	width:49%;
}

#contents .hrefBox02 {
	float:right;
	width:49%;
}

.aural span,
span.aural {
	display:none;
	visibility:hidden;
}

img.icon {
	margin-right:5px;
	vertical-align:middle;
}



/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/
.hurfBtn {
	clear:both;
	display:table;
	overflow:hidden;
	margin:0 auto;
	width:67%;
}

.hurfBtn li {
	display:table-cell;
	margin:1%;
}

.hurfBtn li a {
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
	display:inline-block;
	padding:15px 75px 11px 75px;
	text-align:center;
	line-height:140%;
	text-decoration:none;
}


.hurfBtn li a:hover {
	background-color:#FFF;
	color:#000;
}

.hurfBtn li a::before {
left: 93%;
width: 4px;
height: 4px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.hurfBtn li a:hover::before {
left: 93%;
width: 4px;
height: 4px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}



@media only screen and (max-width: 800px) {
	.hurfBtn {
		width:80%;
	}
	.hurfBtn li {
	display:block;
	margin:0 0 10px 0;
	width:100%;
}

.hurfBtn li a {
	padding:10px;
	width:100%;
}
}

.bscBtn01 a {
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
	display:inline-block;
	padding:15px 75px 11px 75px;
	text-align:center;
	line-height:140%;
	text-decoration:none;
}

.bscBtn01 a:hover {
	background-color:#FFF;
	color:#000;
}

.bscBtn01 a::before {
left: 93%;
width: 4px;
height: 4px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.bscBtn01 a:hover::before {
left: 93%;
width: 4px;
height: 4px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*-- Btn02 --*/
.bscBtn02 a {
	background-color:#b11e29;
	border:1px solid #b11e29;
	color:#FFF;
	display:inline-block;
	padding:20px 70px 20px 70px;
	line-height:140%;
	text-decoration:none;
}

.bscBtn02 a:hover {
	background-color:#FFF;
	color:#b11e29;
}

.bscBtn02 a::before {
left: 93%;
width: 4px;
height: 4px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.bscBtn02 a:hover::before {
left: 93%;
width: 4px;
height: 4px;
border-top: 2px solid #b11e29;
border-right: 2px solid #b11e29;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}




/*----*/
.btnList {
	clear:both;
	overflow:hidden;
	width:100%;
}

.btnList li.btnL a {
	background:#b11e29;
	border:solid 1px #b11e29;
	color:rgba(255,255,255,1.00);
	display:block;
	padding:17px 15px 23px;
	float:left;
	text-align:center;
	width:50%;
}

.btnList li.btnR a {
	background:#000;
	border:solid 1px #000000;
	color:rgba(255,255,255,1.00);
	display:block;
	padding:17px 15px 23px;
	float:right;
	text-align:center;
	width:50%;
}

.btnList li.btnL a:hover {
	background-color:#FFF;
	color:#b11e29;
	text-decoration:none;
}

.btnList li.btnL a::before,.btnList li.btnR a::before {
	border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    height: 5px;
    left: 50%;
    top: 20px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
    width: 5px;
}

.btnList li.btnL a:hover::before {
	border-right: 2px solid #b11e29;
    border-top: 2px solid #b11e29;
    height: 5px;
    left: 50%;
    top: 20px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
    width: 5px;
}

.btnList li.btnR a:hover {
	background-color:#FFF;
	color:#000;
	text-decoration:none;
}

.btnList li.btnR a:hover::before {
	border-right: 2px solid #000;
    border-top: 2px solid #000;
    height: 5px;
    left: 50%;
    top: 20px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
    width: 5px;
}

/*----*/
.btnList02 {
	clear:both;
	overflow:hidden;
	text-align:center;
	width:100%;
}

.btnList02 li {
	float:left;
}

.btnList02 li a {
	border: solid 1px rgba(0,0,0,1.00);
	color:#000000;
	display:block;
	margin:10px;
	padding:15px;
}

.btnList02 li


/*----------------------------------------------------
	☆List
----------------------------------------------------*/

.indList,
.indListS {
	margin-bottom:15px;
}

.indList li,
.indListS li {
	line-height:170%;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
}

.indListS li {
	font-size: 1.1rem !important;
	line-height:130%;
}

.numList,
.numListS {
	margin-bottom:15px;
	padding-left:1.6em;
}

.numList li,
.numListS li {
	line-height:150%;
	list-style: decimal outside none;
	margin-bottom: 5px;
}

.numListS li {
	font-size: 1.1rem !important;
	line-height: 130%;
}

:first-child + html .numList {
    padding-left: 2em;
}
:first-child + html .numListS {
    padding-left: 2em;
}

#contents ul.iconList {
	margin-bottom:15px;
}

#contents ul.iconList li {
	line-height:140%;
	margin-bottom:5px;
	text-indent:-26px;
	padding-left:26px;
}

#contents ul.iconList li a {
	background:url(/lib/cmn_img/icon_newwin.gif) 4px 3px no-repeat;
	padding:0 0 3px 25px;
}

#contents ul.iconList li.blankIcon a { background:url(/lib/cmn_img/icon_newwin.gif) 6px 4px no-repeat;}
#contents ul.iconList li.pdfIcon a { background:url(/lib/cmn_img/icon_pdf.gif) 2px top no-repeat;}
#contents ul.iconList li.exlIcon a { background:url(/lib/cmn_img/icon_excel.gif) 4px top no-repeat;}
#contents ul.iconList li.wrdIcon a { background:url(/lib/cmn_img/icon_word.gif) 4px top no-repeat;}




/*----------------------------------------------------
	☆head
----------------------------------------------------*/

#contents .head01 {
	background-color: #000;
    border-left: 6px solid #e8197b;
    color: #FFF;
    font-size: 1.4em;
    margin-bottom: 20px;
    padding: 0.8em 0.75em 0.6em;
}

#contents .head02 {
	border-bottom: 1px dotted #999999;
    color: rgba(0, 0, 0, 1);
    font-size: 1.7em;
    margin-bottom: 15px;
    padding: 0 15px 7px 5px;
}

#contents .head03 {
	color:rgba(0,0,0,1.00);
	font-size:1.6em;
	margin-bottom:30px;
	line-height:1.4;
}

.ti01 {
	color:#b11e29;
	font-weight:bold;
	margin-bottom:5px;
}

.imgHead {
	font-size:0;
	line-height:0;
}




/*----------------------------------------------------
	☆Table
----------------------------------------------------*/


#contents div.bscTbl01 table,
#contents table.bscTbl01 {
	border-collapse:collapse;
	border-left:1px solid #ECECEC;
	border-top:1px solid #ECECEC;
	width:100%;
}

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td,
#contents table.bscTbl01 th,
#contents table.bscTbl01 td {
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	line-height:1.4;
	padding:20px 20px 17px;
	text-align:left;
}

#contents div.bscTbl01 table th,
#contents table.bscTbl01 th {
	background-color:#F3F3F3;
	text-align:center;
	width: 20%;
}

#contents div.bscTbl01 table tr.head th,
#contents table.bscTbl01 tr.head th {
	background-color:#000;
	color:#FFF;
}

@media only screen and (max-width:480px){
    
    #contents div.spTbl01 table th,
    #contents div.spTbl01 table td{
        width: 100%;
        display: block;
        border-top: none;
    }
    #contents div.spTbl01 table tr:first-child th   { border-top: 1px solid #ddd; }
}


/*--bscTbl02--*/
#contents div.bscTbl02 table,
#contents table.bscTbl02 {
	background:rgba(255,255,255,1.00);
	border-collapse:collapse;
	width:100%;
}

#contents div.bscTbl02 table th,
#contents div.bscTbl02 table td,
#contents table.bscTbl02 th,
#contents table.bscTbl02 td {
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.4;
	padding:15px 20px 15px;
	text-align:left;
}

#contents div.bscTbl02 table th,
#contents table.bscTbl02 th {
	background-color:#efefef;
}

#contents div.bscTbl02 table tr {
	border-bottom:solid 5px #FFF;
}

#contents div.bscTbl02 table tr:last-child {
	border:none;
}

@media only screen and (max-width:480px){
    
    #contents div.spTbl02 table th,
    #contents div.spTbl02 table td{
        width: 100%;
        display: block;
        border-top: none;
		padding:10px 20px;
		line-height:1.4;
    }
    .#contents div.spTbl02 table tr:first-child th   { border-top: 1px solid #ddd; }
}


/*--bscTbl03--*/
#contents div.bscTbl03 table,
#contents table.bscTbl03 {
	background:rgba(255,255,255,1.00);
	border-collapse:collapse;
	width:100%;
}

#contents div.bscTbl03 table th,
#contents div.bscTbl03 table td,
#contents table.bscTbl03 th,
#contents table.bscTbl03 td {
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:13px 0 17px;
	line-height:1.4;
	text-align:left;
	vertical-align:top;
}

#contents div.bscTbl03 table th,
#contents table.bscTbl03 th {
	background-color:#FFF;
	border-top:solid 1px rgba(0,0,0,1.00);
	border-right:solid 10px #FFF;
}

#contents div.bscTbl03 table thead th,
#contents table.bscTbl03 thead th {
	border-top:none;
	font-size:1.5em;
	padding-bottom:5px;
	padding-left:0;
}

#contents div.bscTbl03 table td,
#contents table.bscTbl03 td {
	background-color:#FFF;
	border-top:dotted 1px #999999;
}

#contents table.bscTbl03 td p {
	line-height:1.4;
}


@media only screen and (max-width:480px){
    
    #contents div.spTbl03 table th,
    #contents div.spTbl03 table td{
		border-right:none;
        width: 100%;
        display: block;
		padding:10px 15px;
    }
    .#contents div.spTbl03 table tr:first-child th   { border-top: 1px solid #ddd; }
	
	#contents div.spTbl03 table thead th,
    #contents table.spTbl03 thead th {
		background:rgba(0,0,0,1.00);
		color:rgba(255,255,255,1.00);
		padding:10px 10px;
		width:100%;
	}
}

table.eventTbl {
	margin-bottom:5px;
}

table.eventTbl th,table.eventTbl td {
	padding:2px;
}

/*----------------------------------------------------
	☆pager
----------------------------------------------------*/

#contents p.pager {
	padding-top:20px;
	text-align:center;
}

#contents p.pager a {
	border:1px solid #000;
	color:#000;
	display:inline-block;
	line-height:1;
	margin:0 2px;
	padding:10px 12px;
	text-decoration:none;
}

#contents p.pager span {
	color:#b11e29;
	padding:0 15px;
}

@media only screen and (max-width: 800px) {
#contents p.pager a {
 border: 1px solid #000;
    color: #000;
    display: inline-block;
    line-height: 1;
    margin: 0 1px;
    padding: 5px 7px;
    text-decoration: none;
	}
}
	
	
#contents p.pager a:hover,
#contents p.pager a.current {
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
}




/*----------------------------------------------------
	☆form
----------------------------------------------------*/


p.subscribeBtn{
	text-align: center;
}

p.subscribeBtn input{
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
	display:inline-block;
	padding:15px 100px 13px;
	line-height:140%;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: 20px;
}

p.subscribeBtn input:hover{
	background-color:#FFF;
	color:#000;
}

p.subscribeBtn input.gray{
	background-color: #666;
	border:1px solid #666;
	color:#FFF;
}

p.subscribeBtn input.gray:hover{
	background-color:#ddd;
	color:#000;
}

p.subscribeBtn input.red {
	background:#b11e29;
	border:none;
	color:#FFF;
}

p.subscribeBtn input.red:hover {
	background:#76040c;
	color:#FFF;
}

input {
}

input.textFocus {
	color:#333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	font-size:1.3rem;
	line-height: 140%;
	padding:8px 10px;
}

input {
	vertical-align:middle;
}

.wSS { width: 85px;}
.wS { width: 170px;}
.wM { width: 270px;}
.wL { width: 470px;}
.wLL { width: 340px;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	height: 200px;
	padding:10px;
	width: 100%;
}

option {
	font-size:14px!important;
}

label {
	cursor: pointer;
}

label:hover {
	color:#999;
}

input[type="checkbox"], input[type="radio"] {
	margin-right:3px;
}

.formErr {
	color:#E54E52;
	font-weight:bold;
}

select.slctarea{
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	margin-bottom: 10px;
	padding:8px;
}

input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}

input:focus,
select:focus,
textarea:focus{
	background-color: #EEE;

}


#contents .req {
	background-color:#a40000;
	color:#FFF;
	font-size:1.1rem;
	margin-left:3px;
	padding:2px 5px;
	margin-right: 5px;
	vertical-align:middle;
}


#contents span.category {
	border:solid 1px rgba(0,0,0,1.00);
	font-size:1.3rem;
	font-weight:normal;
	padding:5px 10px;
	text-align:center;
	vertical-align: middle;
}




/*----------------------------------------------------
	☆float
----------------------------------------------------*/

.fltImgL {
	float:left;
	margin:0 25px 20px 0;
}

.fltImgR {
	float:right;
	margin:0 0 20px 25px;
}


.fltL {
	float:left;
}

.fltR {
	float:right;
}

.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w600 { width:600px;}



#contents .img_r{
	float: right;
	margin:0;
	padding:0 0 0 30px;
}

#contents .img_l{
	float: left;
	margin:0;
	padding:0 30px 0 0;
}

#contents .img_r02{
	float: right;
	margin:0;
	padding:5px 0 0 10px;
}

#contents .img_l02{
	float: left;
	margin:0;
	padding:5px 10px 0 0;
}

#contents .text_r{
	overflow:hidden;
	margin:0;
}

#contents .text_l{
	overflow:hidden;
	margin:0;
}




/*----------------------------------------------------
	☆arrow
----------------------------------------------------*/
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

/*----*/
.arrow01::before{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #7a0;
}

/*----*/
.arrow02::before{
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #7a0;
}
.arrow02::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}

/*----*/
.arrow03::before{
width: 12px;
height: 12px;
background: #7a0;
}
.arrow03::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}


/*----*/
.arrow04::before{
left: 3px;
width: 5px;
height: 5px;
border-top: 2px solid #7a0;
border-right: 2px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


.arrow05::before{
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    height: 5px;
    left: 50%;
    top: 20px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
    width: 5px;
}



.arrowCon::after {
left: 83%;
width: 4px;
height: 4px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}