@charset "utf-8";
/* --------------------------------------------------
	段落タイトル
-------------------------------------------------- */

/* 段落タイトル */
.col_paragraph_title {
	position:relative;
	width:auto;
	height:200px;
	margin-top:50px;
	margin-bottom:15px;
	padding: 14px 0px 0px 0px;
	background-image:url('../image/common/pbg-border.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:100% 100%;
/*	border:1px silver solid;*/
/*	line-height:200px;*/
	text-align:center;

	display: flex;
	align-items: center;
	justify-content: center;
}	


.col_paragraph_title .intxt{
	line-height:0.6em;
	text-align:center;
}


.col_paragraph_title .intxt span{
	margin:0px;
	padding:0px;
	line-height:0px;
}

.col_paragraph_title .intxt span.t1{
	margin:0px;
	padding:0px;
	line-height:1.2em;
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/
	font-size:2em;
	font-weight:bolder;
	letter-spacing:0.1em;
	color:#414141;
	text-shadow: pink 1px 1px 2px, rosybrown 0 0 15px;
}

.col_paragraph_title .intxt span.t2{
	margin:0px;
	padding:0px;
	line-height:0.6em;
	font-size:0.4em;
}

.op_s{
		background-image:url('../image/common/pbg-square.png');
}

.op_p{
		background-image:url('../image/common/pbg-pastel.png');
}

.op_w{
		background-image:url('../image/common/pbg-wave.png');
}

/*  スマホサイト */
@media (max-width : 1614px ){
	.col_paragraph_title {
	margin-top:20px;
	}
}

/* --------------------------------------------------
	見出し
-------------------------------------------------- */

/* 大見出し */
.col_danraku_midashi {
	width:auto;
/*	height:52px;*/
	min-height:52px;
	margin-bottom:35px;
	/*color:#FFF;*/
/*	padding: 14px 0px 0px 40px;*/padding: 14px 0px 0px 0;
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, serif,Hiragino Mincho ProN;*/
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/
	font-size:1.5em;
	letter-spacing:0.1em;
/*
	background-image:url('../image/common/col-oomidashi-bg.png');
	background-position:left center;
	background-repeat:no-repeat;
*/
	box-sizing: border-box;
}
.col_danraku_midashi::after{
	content: "";
	display: block;
	height: 3px;
	margin-bottom:-3px;
	background-color: rgba(202,202,202,1.00);/*薄グレー*/
	background-color: rgba(41,148,178,1.00);/*青*/
	background: -moz-linear-gradient(left, rgba(41,148,178,1.00),rgba(41,148,178,1.00) 80px, rgba(202,202,202,1.00) 80px);
	background: -webkit-linear-gradient(left, rgba(41,148,178,1.00),rgba(41,148,178,1.00) 80px, rgba(202,202,202,1.00) 80px);
	background: linear-gradient(to right, rgba(41,148,178,1.00),rgba(41,148,178,1.00) 80px, rgba(202,202,202,1.00) 80px);/*紺-薄グレー*/
}


/*  スマホサイト */
@media (max-width : 1614px ){
	.col_danraku_midashi {
	margin-top:20px;
	}
}


/*  本文中 中見出し */
.col_internal_chuumidashi {
	position: relative;
	padding: .8em 0;
	font-size: 1.3em;
}
.col_internal_chuumidashi:after {
	content: "";
	display: block;
	height: 4px;
	background: -webkit-linear-gradient(to right, #298bb2, #68dfb0);
	background: linear-gradient(to right, #298bb2, #68dfb0);
}
/*  スマホサイト */
@media (max-width : 768px) {
/*  本文中 中見出し */
.col_internal_chuumidashi {
	font-size: 1em;
}
}


/*  本文中　小見出し */
.col_internal_komidashi {
	margin: 25px 5px 5px 0px;
	padding: 1px 0px 5px 30px;
	background-image:url('../image/common/col-textarea-internal-komidashi.png');
	background-repeat:no-repeat;
	background-position:no-repeat;
	font-size: 1em;
	letter-spacing:0.1em;
/*	color:#494949;*/
	width:auto;

}


/*  本文中　画像左寄せ */
.col_textarea_full img.f_l {
	padding: 2px 10px 5px 10px;
	float:left;
}

/*  本文中　画像右寄せ */
.col_textarea_full img.f_r {
	padding: 2px 0px 5px 15px;
	float:right;
}


.col_image_responsive_wrapper_l{
	float:left;
	width:220px;
	padding:0 15px 10px 0; 
}

.col_image_responsive_wrapper_r{
	float:right;
	width:220px;
	padding:0 0 10px 15px; 

	}

.col_image_responsive_wrapper_c{
	width:100%;
	text-align:center;
	margin:30px 0;
}

.col_image_responsive_wrapper_c img{
	width:100%;
	max-width:600px;
	margin:0px auto;
}


.col_image_c{
	text-align:center;
}


.col_image_c img{
	margin:0px auto;
}


/*  画像レスポンシブ */
@media screen and (max-width : 1614px ){
.col_image_responsive_wrapper_l{
	float:none;
	width:auto;
	text-align:center;
}

.col_image_responsive_wrapper_r{
	float:none;
	width:auto;
	text-align:center;
}

.col_image_responsive_wrapper_l img{
	margin:0 auto;
}

.col_image_responsive_wrapper_r img{
	margin:0 auto;
}
}


/* --------------------------------------------------
	本文領域
-------------------------------------------------- */

/*  本文領域 */
.col_textarea_full {
	padding: 0;
	margin-bottom:80px;
	width:100%;
	font-size: 0.9em;
	line-height: 1.5em;
/*	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;*/

}
.col_textarea_full::after{
	content: "";
	clear: both;
	display: block;
}
.textarea_op_kiji {
	padding: 0% 10%;
	width:auto;
}

.textarea_op_kiji > img{  /* 古いタイプの記事のために＞で残してあります */
	width: 80%;
	margin-left:10%;
	margin-top:10px;
	margin-bottom:10px;
}

.textarea_op_kiji .in_imgwrap{
	width: 80%;
	margin-left:10%;
	margin-top:10px;
	margin-bottom:30px;
	text-align:center;
/*	border: 5px red solid;*/
}

.textarea_op_kiji .in_imgwrap > img{
	width: 100%;
	margin-bottom:0px;
}

.textarea_op_kiji .in_caption{
	width: 100%;
	margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	background-color:#DEEBF3;
}


@media (max-width : 1614px ){
	.col_textarea_full {
		margin-bottom:20px;
	}
	.textarea_op_kiji {
		padding: 0;
		width:auto;
	}
	.textarea_op_kiji > img{
		width: 90%;
		margin-left:5%;
	}


	.textarea_op_kiji .in_imgwrap{
		width: 90%;
		margin-left:5%;
	}
}

/* 写真センタリングの指定 */
.responsive_center {
		float:left;
		width: calc( 50% - 6px );
/*		border:red 1px solid; */
}
.responsive_center img{
	width: calc( 100% - 6px );
	margin:3px;
}

@media (max-width: 500px) {
     .responsive_center {
		float:none;
   		margin:20px auto;
		width:90%;
     }
     .responsive_center img{
		margin:3px;
		 width: calc( 100% - 6px );
		/* max-width:500px; */
	 }
}


/*　画面いっぱいに背景(col_textarea_fullに上書きすること)*/
.wrapper_fullbg{
	margin-left:-1000px;
	margin-right:-1000px;
	padding-left:1000px;
	padding-right:1000px;
	background-color:fuchsia;
	
}
/*  スマホサイト */
@media (max-width : 1614px ){
	.wrapper_fullbg{
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		background-color:transparent;
	}
	.col_textarea_full.wrapper_fullbg{
/*		margin: 10px 10px 30px 10px;*/
		margin:0;
		background-color:white;
	}
}


/* --------------------------------------------------
	左固定テーブル
-------------------------------------------------- */

.col_l_fixing{
	margin-top:15px;
	padding:20px 25px 20px 25px;
	border:4px solid #e6e6e6;
	margin-bottom:30px;
}

.col_l_fixing_title{
	background-image:url('../../../image/common/icon-boder.png');
	background-position:left center;
	padding:3px 0 0 13px;
	background-repeat:no-repeat;
	font-size:1.2em;
	font-weight:bold;	
	margin-bottom:10px;
	color:#464646;
}

.col_l_fixing_title a{
	color:#993C72;
}

.col_l_fixing_title a:hover{
	color:#BE5487!important;
}

.col_l_fixing_wrapper{
	border-bottom:1px #CCCCCC dotted;
	padding:9px 0;
}


.col_l_fixing_contents_wrapper{
	float:right;
	width:100%;
	margin:0 0 0 -125px;	
}

.col_l_fixing_contents{
	margin-left:125px;	
}

.col_l_fixing_subtitle{
	float:left;
	width:125px;
	font-weight:bold;
	
}


@media (max-width: 500px) {
	.col_l_fixing_contents_wrapper{
		float:none;
		width:100%;
		margin-left:0px ;	
	}
	.col_l_fixing_contents{
		margin-left:0px;
		width:100%;
	}
	.col_l_fixing_subtitle{
		float:none;
		width:100%;
		margin:0px auto;
		text-align:center;
	}
}


/* --------------------------------------------------
	お知らせ・新着情報
-------------------------------------------------- */

.col_info_news{
width:46%;
float:left;
}

.col_info_update{
width:46%;	
float:right;
}

.col_info{
margin-top:-23px;
zoom: 1;
overflow: hidden;	
}


/*　スマホ用　*/
@media (max-width : 1614px ){


.col_info_news{
width:100%;
margin-top:-20px;
zoom: 1;
overflow: hidden;	
float:none;
 margin-bottom:50px;
}


.col_info_update{
width:100%;
margin-top:20px;
padding:0px 5px;
zoom: 1;
float:none;
}
}


.col_info_box{
margin-top: -1px;
padding: 10px 0px;
border-top:1px #B5B5B5 dotted;
font-size:1em;
}


/*　スマホ用　*/
@media (max-width : 1614px ){
.col_info_box{
	font-size:0.9em;
}
}

.col_info_date {
	color:#6b6351;
	font-weight: bold;
	margin-bottom:3px;
}

.col_info_date img{
	margin-left:10px;
	margin-bottom:3px;
	vertical-align:middle;
	overflow: hidden;
}


.col_info_comment {
	width:98.7%;
}


/* --------------------------------------------------
	飾り文字
-------------------------------------------------- */
/*　キャッチコピー　*/
.col_catchcopy{
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, serif,Hiragino Mincho ProN;*/
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/
	font-size:1.6em;
	line-height:1.7em;	
}

/*　キャッチコピー　ミニ　*/
.col_catchcopy_mini{
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, serif,Hiragino Mincho ProN;*/
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/
	font-size:1.3em;
	line-height:1.7em;	
}

/*　注意書きなど小さい文字　*/
.col_8em{
	font-size:0.85em;
	line-height:1.3em;
}


/*　マーカー　*/
.col_marker_yellow {
background: linear-gradient(transparent 60%, #FFFF99 60%);
}
.col_marker_purple {
background: linear-gradient(transparent 60%, rgb(239, 224, 255) 60%);
}
.col_marker_orange {
background: linear-gradient(transparent 60%, rgb(255, 218, 176) 60%);
}

.col_appealmessage {
	margin-bottom: 10px;
	line-height:1.2em;
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/
	font-size:2em;
	font-weight:bolder;
	letter-spacing:0.1em;
	color:#414141;
	text-shadow: pink 1px 1px 2px, rosybrown 0 0 15px;
}

.op_blueshadow {
	text-shadow:skyblue 1px 1px 2px, navy 0 0 15px;
}

.op_yellowshadow {
	text-shadow:orange 1px 1px 2px, rgba(197,197,131,1.00) 0 0 15px;
}


/* --------------------------------------------------
	ボタン
-------------------------------------------------- */
/*　ボタン2列　*/
.col_buttonarea{
	width:auto;
	
}

.col_buttonarea ul{
	text-align:center;
}

.col_buttonarea ul li{
	display:block;
	float:left;
	margin-right:10%;
	margin-bottom:5px;
	width: 40%;
}

.col_button {
	white-space:nowrap;
	width:100%;
	font-size:0.9em;
/*	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;*/
	-moz-border-radius:7px;
	text-decoration: none!important;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #d6d6d6;
	padding:10px 8%;
	margin-left:0%;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffffff 5%, #f7f7f7 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f7f7f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f7f7f7) );
	background-color:#ffffff;
	color:#666666!important;
	display:inline-block;
	text-shadow:1px 1px 12px #ffffff;
 	-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
 	-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
 	box-shadow:inset 0px 0px 0px 1px #ffffff;
}

.col_button:hover {
	background:-moz-linear-gradient( center top, #f7f7f7 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f7f7f7 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f7f7f7), color-stop(100%, #ffffff) );
	color: #999999!important;
}

.col_button:active {
	position:relative;
}


/*　ボタン1列　*/
.col_buttonarea_01{
	width:auto;
}

.col_buttonarea_01 ul{
	text-align:center;
}

.col_buttonarea_01 ul li{
	display:block;
	margin-bottom:5px;
	margin-left:2%;
	width: 80%;
}

/* --------------------------------------------------
	テキストシート（文字の背景）
-------------------------------------------------- */

/*　テキストシート　*/
.col_txtsheet{
	width:auto;
	margin:15px 7px;
	padding:20px 15px 15px 25px;
	background-color:#f5f5f5;/*　色　*/
	border-radius:5px;
}

/*　テキストシート（逸品目次用）　*/
.col_txtsheet_ippinindex{
	width:40%;
	float:left;
	margin:1%;
	padding:1%;
	background-color:#f5f5f5;/*　色　*/
	border-radius:5px;
}


@media (max-width: 500px) {
	.col_txtsheet_ippinindex{
		width:auto;
		float:none;
	}
}


/* --------------------------------------------------
	ふんわりボタン
-------------------------------------------------- */

.col_fuwa {
  transition: 0.2s;
	backface-visibility: hidden;
}
.col_fuwa:hover {
  opacity: 0.6;
  transition: 0.2s;
}


/* --------------------------------------------------
	リストマーク
-------------------------------------------------- */

/*  2列 */
.col_mark_2col {
	margin:0 0 10px 0px;
}


.col_mark_2col li {
	float:none !important;
	display:inline-block;
	background-image:url('../image/common/icon-hover.png');
	background-position: left center;
	background-repeat:no-repeat;
	position: relative;
	margin-bottom:3px;
	width:43%;
/*	float:left;*/
	padding-left:20px;
}


/*　スマホ用 / 2列から1列に　*/
@media (max-width : 1614px ){
.col_mark_2col li {
	width:95%;
	padding-left:0px;
		padding-left:20px;


}
}


/*  3列 */
.col_mark_3col {
	margin:0 0 10px 0px;
}

.col_mark_3col li {
	background-image:url('../image/common/icon-hover.png');
	background-position: left center;
	background-repeat:no-repeat;
	position: relative;
	margin-bottom:3px;
	width:29%;
	float:left;
	padding-left:20px;
	margin-right:10px;
}


/*　スマホ用 / 3列から2列に　*/
@media (max-width : 1614px ){
.col_mark_3col {
}

.col_mark_3col li {
	margin-bottom:3px;
	width:42.5%;
	float:left;
	padding-left:20px;
}
}

/*  数字マーク */
.col_mark_number {
	margin:0 0 10px 33px;
}

.col_mark_number li {
	position: relative;
	margin-bottom:3px;
	list-style-type:decimal;
}
/*  数字マーク　２階層目*/
.col_mark_number li>.col_mark_number li{
	list-style-type:lower-alpha;
}

/*  円マーク */
.col_mark_circle {
	margin:0 0 15px 25px;
}

.col_mark_circle li {
	position: relative;
	margin-bottom:3px;

}
.col_mark_circle li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;	
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #3351a3;	/*　色　*/
	border-radius: 100%;
}


/*  チェックマーク */
.col_mark_check {
	margin:0 0 15px 25px;
}

.col_mark_check li {
	position: relative;
	margin-bottom:3px;

}
.col_mark_check li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.2em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3351a3;	/*　色　*/
	border-bottom: 2px solid #3351a3;	/*　色　*/
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*  丸数字 */
.maru li:before {
	margin-right:10px;
  float: left;
  background: #FF8306;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  font-weight:bold;
  font-size:1.1em;
}

.maru_02 li:before {
	margin-right:10px;
  float: left;
  background:#3399FF;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  font-weight:bold;
  font-size:1.1em;
}


ol{
  counter-reset:number; /* 名前を付けたカウンターをリセット */
  list-style:none; /* olが数字を付けることをキャンセル */
  margin:0;
  padding:0;
}
ol li{
  /* リスト部分は好きに装飾！ */
  margin:0;
  padding:0;

}
ol li:before{
  /* カウンタ（数字になる部分） */
  counter-increment: number; /* 任意の名前を付けて！ */
  content: counter(number); /* 名前を付けたカウンターを呼び出し */
  /* 色を変えたり、背景画像を敷いたり！自由自在！ */
}

/*  ページ内ショートカット用マーク */
.col_mark_shortcut{
	margin:0 0 5px -20px;
}

.col_mark_shortcut li{
	background-image:url('../image/common/icon-under.png');
	background-position: left 7px center;
	background-repeat:no-repeat;
	padding-left:25px;
	margin-left:13px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}




/* --------------------------------------------------
	見出し付きボックス
-------------------------------------------------- */

.col_boder-box{
	padding:15px 25px 20px 25px;
	border:4px solid #e6e6e6;
	margin-bottom:30px;
}

.col_boder-box_title{
	background-image:url('../../image/common/icon-boder.png');
	background-position:left center;
	padding:10px 0 10px 13px;
	background-repeat:no-repeat;
	border-bottom:1px #C0C0C0 dotted;
	font-size:1.3em;
	font-weight:bold;	
	margin-bottom:15px;
	color:#464646;
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, serif,Hiragino Mincho ProN;*/
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/

}

.col_boder-box_txt{
	margin-left:23px;	
}

/*----------------------------------------------------
	テーブル３
----------------------------------------------------*/

.col_ta1 {
	width: 80%;
	background: #FFF;	/*背景色*/
	color: #333;		/*文字色*/
	border-collapse: collapse;
}
.col_ta1, .col_ta1 td, .col_ta1 th{
	border: 1px solid rgb(179,179,179);	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.5em;
}
/*テーブル内の右側*/
.col_ta1 td{
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.col_ta1 th{
	width: 110px;
	padding: 10px;
	text-align: center;
	background: rgb(247,247,247);	/*背景色*/
}


/*----------------------------------------------------
	テーブル１（2セル用）
----------------------------------------------------*/

normal table{
	width: 97.3%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	border-collapse: collapse;
}

normal th{
	padding: 10px; 
	border: 1px solid #ddd;
/*	border-bottom-color:#836089;*/border-bottom-color:#3351a3;
}

normal td{
	padding: 10px; 
	border: 1px solid #ddd;
	border-bottom-color:#eaeaea;

}

normal tr{
 background-color:#f9f9f9;
}

normal tr:nth-child(even) {
 background-color:#eaeaea;
}


normal th{
/*	background: #534741;*/background:#3351a3;/*紺*/
	color:white;
	font-weight:normal;
}

.demo01 th	{
	width: 20%;
	text-align: left;
}
@media only screen and (max-width:768px){
	.demo01	{ 
		margin: 0 0 30px 0; 
	}
	
    .demo01 th{
		text-align:center; 
 		width: 97.5%;
        display: block;
		border-top: none;
		
   
    }
    .demo01 td{
		width:97.5%;
        display: block;
		border-top: none;
		background-color:white;
		
    }
	.demo01 tr:first-child th	{ border-top: 1px solid #ddd;  }
}

.demo01a th	{
	width: 40%;
	text-align: left;
}
@media only screen and (max-width:768px){
	.demo01a	{ 
		margin: 0 0 30px 0; 
	}
	
    .demo01a th{
		text-align:center; 
 		width: 97.5%;
        display: block;
		border-top: none;
		
   
    }
    .demo01a td{
		width:97.5%;
        display: block;
		border-top: none;
		background-color:white;
		
    }
	.demo01a tr:first-child th	{ border-top: 1px solid #ddd;  }
}


/* --------------------------------------------------
	テーブル２
-------------------------------------------------- */
.col_tablearea {
	margin: 0 10px 10px; 
}

.col_table_responsive {
	width:100%;
	margin: 0 auto 10px;
	padding: 0;
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ddd solid;
	border-spacing: 0;
}

.col_table_responsive thead {
	background-color:#3351a3;/*紺*/
	color: #fff; 
}

.col_table_responsive th {
	margin-bottom: 9px;
	padding: 9px 15px;
/*	border-left: 1px #836089 solid;*/
	border-left: 1px rgb(201,201,201) solid;/*薄グレー*/
	font-weight: normal; 
}

.col_table_responsive th:first-child {
	border-left-width: 0; 
}

.col_table_responsive tbody {
	vertical-align: top; 
}

 .col_table_responsive tbody td {
	border-left: 1px #ddd solid;
}

.col_table_responsive tbody td:first-child {
	border-left-width: 0;
}

/* モバイル用 */
@media screen and (max-width: 768px) {
	.col_table_responsive {
	    width: 100%;
	}

    .col_table_responsive tbody tr {
		display: block;
		padding-bottom: 12px; 
	}

    .col_table_responsive tbody td {
		display: block;
		padding: 3px 0;
		width: 100%;
		border-left-width: 0; 
	}

	.col_table_responsive tbody td:before {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		margin-right: 5px;
		color: #888;
		font-weight: normal; 
	}
	
	.col_table_responsive tbody td:nth-of-type(2):before {
		content: "日程:";
	}

	.col_table_responsive tbody td:nth-of-type(3):before {
		content: "時間:"; 
	}
	
	.col_table_responsive tbody td:nth-of-type(4):before {
		content: "場所:"; 
	}

	.col_table_responsive tbody td:nth-of-type(5):before {
		content: "内容:";
	}
	
    .col_table_responsive tbody .title {
		margin: 0 -15px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 9px;
/*		background-color: #534741;*/
		background-color:#3351a3;
		color: #fff;
		text-align: center; }

	.col_tablearea01 th {
		display: none; 
	}
	
	.col_tablearea01 tr {
		padding: 0 15px;
	}

	/* IE8対応 */
	.col_tablearea02 .col_table_responsive_pc {
		display: none; 
	}

	.col_tablearea02 .col_table_responsive tr {
		display: block; 
	}

	.col_tablearea02 .col_table_responsive thead {
		display: none; 
	}

	.col_tablearea02 .col_table_responsive tbody tr {
		overflow: hidden; 
	}

	.col_tablearea02 .col_table_responsive tbody tr:after {
		*zoom: 1; 
	}
	
	.col_tablearea02 .col_table_responsive tbody tr:after:after {
		content: "\0020";
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
		visibility: hidden; 
	}

	.col_tablearea02 .col_table_responsive tbody td {
		float: left; 
	}

	.col_tablearea02 .col_table_responsive tbody td:before {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline;
		content: attr(data-th) ":";
	}

	.col_tablearea02 .col_table_responsive tbody .col_table_responsive_inner {
		padding: 0 15px; 
	}

	.col_tablearea02 .col_table_responsive tbody .title {
		margin: 0/9;
		padding-right: 0/9;
		padding-left: 0\9; 
	}

	.col_tablearea02 .col_table_responsive tbody .title:before {
		content: none; 
	} 

}
      
/* PC用 */
@media screen and (min-width: 769px) {
	.col_table_responsive_mobile {
		display: none;
	}

	.col_table_responsive th,
	.col_table_responsive td {
		display: table-cell; 
	}

	.col_table_responsive td:before {
		display: none; 
	}

	.col_table_responsive tr:nth-child(even) {
		background-color: #eaeaea; 
	}

	.col_table_responsive th {
		padding: 7px 7px; 
	}

	.col_table_responsive td {
		padding: 7px 7px; 
	}

	.col_table_responsive td:before {
		display: none; 
	}

	.col_table_responsive .date {
		width: 8em; } 
	
	.col_table_responsive .contents {
		width: 150px; } 
	}

/*# sourceMappingURL=mogmog.css.map */



/* about　テーブル */

.col_table_inter *, .col_table_inter *:before, .col_table_inter *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.col_table_inter {
	width: 80%;
	border-collapse: collapse;
}
.col_table_inter th, .col_table_inter td {
	padding: 10px;
	border: 1px solid #dddddd;
}
.col_table_inter th {
	background: #f4f4f4;
	width: 10%;
	text-align: center;
}
.col_table_inter td {
	width: 40%;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.02em;
	font-size: 1em;
}



@media (max-width: 768px) {
	.col_table_inter {
		margin: 0;
	}
	.col_table_inter tr {
		display: block;
	}
	.col_table_inter th {
		display: block;
		width: 100%;
	}
	.col_table_inter td {
		display: list-item;
		list-style: none;
		width: 100%;
		border: none;
		position: relative;
	}
}







/* --------- リストテーブル作成用 --------- */


/* 左項目固定｜右伸び縮み */

/* ラッパー  */
div.col_listbox_wrap {
	float:right;
	width:100%;
    margin: 20px 0 0 0;
    margin-left: -9em;  /**/
}

/* 仕切り帯  */
div.col_listbox_wrap .pts_band {
	width: auto;  /**/
/*	width: -webkit-calc(100% - 5em);*/
	margin-left:1em;
	margin-top:0px;
	background-color:#bed9de;
	text-indent:1em;
}


/* 項目ラベル  */
div.col_listbox_wrap .pts_label {
	float:left;
	width: 10em;  /**/
/*	height:auto; 高さライトサイドに合わせるときに有効にする */
	margin-left:1em;
	margin-top:0px;
	background-color:#e8f3f6;
	text-indent:1em;
}

/* 内容　*/
div.col_listbox_wrap .pts_data {
	margin: 0 0 0 0;
	color: #333333;
	margin-left: 12em;  /**/
/*	padding-left:1em;
	text-indent:-1em;*/
}

/* labelのオプション */
div.col_listbox_wrap .op_l4c {	width: 4em; }   
div.col_listbox_wrap .op_l6c {	width: 6em; }   
div.col_listbox_wrap .op_l8c {	width: 8em; }   
div.col_listbox_wrap .op_l10c {	width: 10em; }
div.col_listbox_wrap .op_l12c {	width: 12em; }

/* dataのオプション */
div.col_listbox_wrap .op_d4c {	margin-left: 6em; }   
div.col_listbox_wrap .op_d6c {	margin-left: 8em; }   
div.col_listbox_wrap .op_d8c {	margin-left: 10em; }   
div.col_listbox_wrap .op_d10c {	margin-left: 12em; }
div.col_listbox_wrap .op_d12c {	margin-left: 14em; }

/* wrapのオプション */
div.col_listbox_wrap .op_w4c {	margin-left: -4em; }   
div.col_listbox_wrap .op_w6c {	margin-left: -6em; }   
div.col_listbox_wrap .op_w8c {	margin-left: -8em; }   
div.col_listbox_wrap .op_w10c {	margin-left: -10em; }
div.col_listbox_wrap .op_w12c {	margin-left: -12em; }



@media (max-width: 768px) {
     div.col_listbox_wrap , div.col_listbox_wrap .pts_band, div.col_listbox_wrap .pts_label , div.col_listbox_wrap .pts_data{
          float: none;
          margin:0px;
          width: auto;
     }
     div.col_listbox_wrap {
          margin-top:20px;
     }
}