/* ===================================================================
CSS information
 file name  :  add_style.css
 style info :  記事別の設定
=================================================================== */

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

h3.heading_event{
	font-size:175%;
	color: #FFFFFF;
	line-height:1.6em;
	background-color: #000000;
	padding: 0.3em 0 0.3em 0.8em;
	margin-bottom:1.5em;
	font-weight: bolder;
	}

h3.heading_event02{
	font-size:175%;
	color: #FFFFFF;
	line-height:1.6em;
	background-color: #3c3c3c;
	padding: 0.3em 0 0.3em 0.8em;
	margin-bottom:1.5em;
	font-weight: bolder;
	width: 98%;
	}

.sub_heading_event{
	margin: 0.5em 0 2.5em 0;
	}
.sub_heading_event02{
	margin: 0.5em 0 1.5em 0;
	line-height: 120%;
	}

.sub_heading_event02 p{
	margin: 0em 0 0.5em 0;
	}
.sub_heading_event h4{
	font-size:150%;
	line-height:1.6em;
	border-bottom: solid 2px #969696;
	margin: 0.5em 0 0.5em 0;
	font-weight: bolder;
	}

.sub_heading_event p,
.frame_pl p,
.frame_pl02 p{
	margin: 0em 0 0.5em 0;
	}

.heading_mini{
	font-size:140%;
	font-weight: bold;
	line-height:1.4em;
	}

.heading_big{
	font-size:220%;
	font-weight: bold;
	line-height:1.6em;
	}
.heading_big02{
	font-size:260%;
	font-weight: bold;
	line-height:1.6em;
	}

.frame_pl{
	padding:1em 1em 1.5em 1.5em;
	width:70%;
	text-align:left;
	border:solid thin #9e6fbe;
	margin:0.5em 0 3em;
}

.frame_pl02{
	padding:3.5em 2.5em;
	width:93%;
	text-align:left;
	border:solid thin #9e6fbe;
	margin:0.5em 0 3em;
}
.frame_pl03{
	padding:2.5em 2.5em;
	width:90%;
	text-align:left;
	border:solid thin red;
	margin:0.5em 0 3em;
}


.frame_pl h4{
	font-size:150%;
	line-height:1.6em;
	margin: 0.5em 0 0.5em 0;
	font-weight: bolder;
	}

.frame_pl02 h4{
	font-size:200%;
	line-height:1.6em;
	margin: 0.5em 0 0.5em 0;
	font-weight: bolder;
	}

@media (max-width: 768px){
.heading_mini{
	font-size:140%;
	font-weight: bold;
	line-height:1.4em;
	}
.sub_heading_event p,
.frame_pl p,
.frame_pl02 p	{
	line-height:1.4em;
	}
.heading_big{
	font-size:280%;
	font-weight: bold;
	line-height:1.2em;
	}
.frame_pl,
.frame_pl02,
.frame_pl03{
	width:85%;
	margin:1.5em auto;
	padding:1.5em;
	}
}

.atten_red{
	color:red;
}

.link_underline{
	text-decoration: underline;
}

.link_underline_dot{
	width: 96%;
	border-bottom:2px dotted #5C1D82;
}


/* イベント用 */

.table_event{
	padding-left:20px;
	padding-top:20px;
	width: 700px;
	text-align:left;
	margin:1em 0;
	border:solid thin #999999;
}


.table_event table{
	border-collapse: collapse;
	width: 100%;
}

.table_event td{
	font-size:11pt;
	border:solid thin #999999;	
	padding:0.8em 0 0.8em 1.5em;
}

.table_event th{
	border:solid thin #999999;
	padding:0.8em 0 0.8em 1.5em;
	background-color:#F0F0F0;
}
	
.table_event table tr:nth-child(2n+1){    /* 偶数行 */
	background-color: #EEEEEE;
}

@media (max-width: 768px) {
.table_event{
	width: 95%;
}
.table_event th{
	padding:0.4em 0 0.4em 0.8em;
}
}



/* パソコンで見たとき"pcver"のclassがついた画像が表示される */
.pcver { display: block !important;}
.spver { display: none !important;}
 
/* スマートフォンで見たとき"spver"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pcver { display: none !important; }
.spver { display: block !important;width:100%;}
}

/* パソコンで見たとき"pcver"のclassがついた画像が表示される */
.pcver02 { display: block !important;}
.spver02 { display: none !important;}

.pcver02{
	vertical-align: text-top;
	text-align: center;
	margin:0;
}
 
/* スマートフォンで見たとき"spver"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pcver02 { display: none !important; }
.spver02 { display: block !important; }
}


.float_parent {
    width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-around;
	align-items: center;
	margin:2em auto;
      }

.float_child {
    padding: 0 0.5em;
}

@media screen and (max-width: 768px) {
.float_child {
	padding: 1.5em;
	line-height: 1.4em;
}
.float_parent {
   flex-direction: column;
}
        }

.button_area{
	max-width:33%;
	background: linear-gradient(to top, #64008c 0%, #9e6fbe 100%);
	color:white;
	font-size: 15px;
	text-align:center;
	line-height: 3em;
	margin:auto;
	padding:1em 1.5em;
}
.button_area_left{
	max-width:33%;
	background: linear-gradient(to top, #64008c 0%, #9e6fbe 100%);
	color:white;
	font-size: 15px;
	text-align:center;
	line-height: 3em;
	margin:0 auto 0 0;
	padding:1em 1.5em;
}
.link_w a:link {
	color:#FFFFFF;
}
.link_w a:visited {
	color:#FFFFFF;
}
.link_w a:hover {
	color:#FFFFFF;
}
.link_w a:active {
	color:#FFFFFF;
}
@media screen and (max-width: 768px) {
.button_area,
.button_area_left{
	max-width:768px;	
	padding:0.8em 1.5em;
}
}

.font_1e{
	font-size:1.2em;
}

.text_kw{
	color:#5C1D82;
	font-weight:bold;
	padding:0.5em 1.5em 0.5em 0;
}

.l120{
	line-height: 120%;
}

.font_s8{
	font-size:80%;
}

.font_s11{
	font-size:110%;
}