/*===================================================
ポイント倶楽部使用
====================================================*/

.content h3 {color:#01a369; font-size:1.25em; margin-bottom:1.5em; padding-left:0.5em; border-left:0.3em solid #01a369;}

/*---------------------------------------------
	リボン見出し
  ---------------------------------------------*/
  
  /*.ribbon11-2-parent{
	text-align: center;
}

.ribbon11-2 {
    display: inline-block;
    position: relative;
    height: 45px;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}

.ribbon11-2:before{
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    left: -35px;
    z-index: -2;
    border: 20px solid #a5cff3;
    border-left-color: transparent;
}

.ribbon11-2:after{
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    right: -35px;
    z-index: -2;
    border: 20px solid #a5cff3;
    border-right-color: transparent;
}

.ribbon11-2 span {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-size: 20px;
	font-weight: 700;
    color: #244c8f;
    text-shadow: 0 0 2px #FFF;
    background: -webkit-repeating-linear-gradient(-45deg, #b0daff, #b0daff 3px,#cfe8ff 3px, #cfe8ff 7px);
    background: repeating-linear-gradient(-45deg, #b0daff, #b0daff 3px,#cfe8ff 3px, #cfe8ff 7px);
}

.ribbon11-2 span:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #7fafd9;
}

.ribbon11-2 span:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #7fafd9;
}*/


/*---------------------------------------------
	ポイント倶楽部　黄色見出し
  ---------------------------------------------*/
.point_title {
background: #FFB600;/*背景色*/
padding: 0.5em 0.5em 0.5em 1em;/*文字まわり（上下左右）の余白*/
color: #fff;
font-size: 1.2em;
font-weight: 700;
}

/*---------------------------------------------
	ポイント倶楽部　コッポくん吹き出し
  ---------------------------------------------*/

.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
	font-weight: 700;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 0;
    padding: 0;
}

/*---------------------------------------------
	ポイント倶楽部　ポイントタブ
  ---------------------------------------------*/

.point-use,
.point2-use,
.point3-use,
.point4-use{
position: relative;
border: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
font-size: 1.2em;
font-weight: 700;
}

.point-use:after,
.point2-use:after,
.point3-use:after,
.point4-use:after{
position: absolute;
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
border: solid 3px #80c8d1;
padding: 8px 7px 3px;
font-size: 0.8em;
line-height: 1;
letter-spacing: 0.05em;
}

.point-use:after{
content: 'ポイント１';
}
.point2-use:after{
content: 'ポイント２';
}
.point3-use:after{
content: 'ポイント３';
}
.point4-use:after{
content: 'ポイント４';
}


/*---------------------------------------------
	ポイント倶楽部　リストスタイル
  ---------------------------------------------*/

ul.point{
  padding: 0 0.7em;
  list-style: none;
}
ul.point li{
  position: relative;
  padding: 0 0 0.5em 2.5em;
  font-size: 15px;
  list-style: none;
  /*font-weight: bold;
  color: #fff;
  background: #5ab0f9;*/
}
ul.point li:last-child{
  border:none;
  margin: 0;
}
ul.point li:before{
  font-family: FontAwesome;
  content: "\f04b";
  position: absolute;
  left: 0.8em;
  color: #5ab0f9;
  font-size: 0.8em;
  font-weight: normal;
  top: 0.8em;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


@media screen and (min-width: 768px){
.wid80 img{
    max-width: 80%;
	width: 80%;}
}

/*.content a[href$=".pdf"]:not(.noicon):after{
  content:'\f1c1';
  color: #ff0000 ;
  text-decoration: none;!important;
}*/


/*---------------------------------------------
	SPのみ改行
  ---------------------------------------------*/
@media screen and (max-width: 1000px){
.clear1000 { clear:both; }
}


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

/*---------------------------------------------
	TABLE
  ---------------------------------------------*/
.tbl01 {width:100%; border:1px solid #244c8f; border-bottom:none; background-color:#fff;}
.tbl01 tr {display:block;}
.tbl01 th {display:block;background-color:#244c8f; color:#fff; padding:0.5em 1em; text-align:left;}
.tbl01 td {display:block; padding:0.5em 1em; border-bottom:1px solid #244c8f;}

/* テーブル2 */
.tbl02 {display:block; width:100%;}
.tbl02 thead {display:block; float:left; border-bottom:1px solid #244c8f;}
.tbl02 thead tr {display:block;}
.tbl02 tbody {display:block; overflow-x:auto; white-space:nowrap; font-size:0;}/* inline-block化したtr間の隙間をなくすためfont-sizeを0にする */
.tbl02 tbody tr {display:inline-block; border-right:1px solid #244c8f; border-bottom:1px solid #244c8f; font-size:14px;}/* font-sizeを元に戻す */
.tbl02 th,.tbl02 td {padding:0.5em 1em; margin:0;}
.tbl02 th {display:block; width:auto; background-color:#244c8f; color:#fff; border-top:1px solid #4e79c0; border-bottom:none;}
.tbl02 th:first-child {border-top-color:#244c8f;}
.tbl02 td {display:block; background-color:#fff; border-top:1px solid #244c8f;}

/*** テーブル3 ***/
.d_row {
    display: table; width: 100%;}
.content .tbl03 thead { display: table-header-group; float: none; border: none;}
.tbl03 thead tr { display: table-row;}
.tbl03 thead th { color: #fff; text-align:center;}
.tbl03 tbody { display: table-row-group; width: inherit; overflow: inherit; white-space: inherit;}
.tbl03 tbody tr { display: table-row; border: none; font-size: 16px;}
.tbl03 th:first-child { border-top-color: #244c8f; !important!;}
.tbl03 th { display: table-cell;}
.tbl03 th { border-right-color: #4e79c0; !important!;}
.tbl03 th, .tbl03 td { border: 1px solid #244c8f; text-align: center; !important!;}
.tbl03 th { background-color: #244c8f; color: #fff; border-top: 1px solid #4e79c0; border-bottom: none; !important!;}
.tbl03 th, .tbl03 td { padding: 0.5em 1em; margin: 0;}

/*---------------------------------------------
	3column
  ---------------------------------------------*/

.d_row { display: block; width:100%; }
.d_col_3 { width:100%; margin-bottom:50px; }

@media screen and (min-width : 768px) {
	.d_col_3 {   -webkit-box-flex: 0; -ms-flex: none; flex: none; width:31.333333%/*33.333333%*/;float:left; margin-bottom:50px;padding: 0 5px 0; }
/*	.d_col_3 img { width:auto;}*/
}


/* 画像 */
section figure img {max-width:100%;}

/* 画像フロート */
.float_left {float:left; margin-right:1.5em; margin-bottom:1.5em;}
.float_right {float:right; margin-left:1.5em; margin-bottom:1.5em;}


/*---------------------------------------------
	ポイント 
  ---------------------------------------------*/
section #point{padding: 0;}

#point .category {overflow:hidden; margin-bottom:1em;}
#point .category li {width:100%; float:left; margin:0 0.5% 0.5% 0; padding:5px;list-style:none; content:none;}
/*#point .category li:nth-child(3n) {margin-right:0;}*/
#point .category li a {display:block; background-color:#01a369; color:#fff; line-height:1; text-align:center; padding:1em 5px 0.75em; border-radius:4px; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.15);}
#point .category li a:hover {text-decoration:none;}
#point .category li a img {display:block; height:31px; width:auto; margin:0 auto 0.5em;}
#point .category a[href$=".pdf"]::after { content: none;}

@media screen and (min-width : 768px) {
	#point .category {margin-bottom:2em;}
	#point .category li {width:49%; font-size:1.125em;}
/*	#point .category li:nth-child(3n) {margin-right:0.5%;}
	#point .category li:nth-child(5n) {margin-right:0;}*/
	#point .category li a {padding:1.25em 5px 1em;}
}


@media screen and (min-width : 1000px) {
	#point .category li {width:260px; margin-right:7.5px; margin-bottom:7.5px;}
/*	#point .category li:nth-child(3n) {margin-right:7.5px;}*/
	#point .category li a {padding:1.25em 5px 1em;}
	#point .category li a img {margin-bottom:1em;}
	#point .category li a:hover {background-color:#22ba84;}
}

.fa-aicon { font-size: 1.4em !important; padding-bottom: 10px !important;}

/*.point_list li:before {
    font-family: FontAwesome;
    content: "\f105";
    color: #ccc;
    margin-right: 0.2em;
	text-align:center;
}*/

/*---------------------------------------------
	アンカー調整
  ---------------------------------------------*/
	@media screen and (max-width: 999px){
		#kameiten{
	   margin-top:-60px;
	   padding-top:60px;}
	}

/*** table ***/
table td,th {
	margin: 0px;
	padding:5px;
}

table.border {
    border: 2px #d6ceb4 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.border td {
    border: 1px #dbdbdb solid;
    border-width: 0 0 1px 1px;
}

table.border th {
	/*border: #dbdbdb solid;
	border-width: 0 0 1px 1px;*/
	background: ##eeece4;
	color:#330000;
	font-weight: bold;
	text-align: center;
}


@media screen and (max-width: 700px) {
	.point-clear{ clear:both;}
	}
	

/*** 2column ***/
.d_row { display: block; width:100%; }
.d_col_2 { width:48.5%; margin-bottom:50px;float:left;padding: 0 5px 0; }
@media screen and (max-width: 768px) {
	.d_col_2 { width:47%; }
}
@media screen and (max-width: 480px) {
	.d_col_2 { width:98.5%; margin-bottom:10px; float:none; }
}
@media screen and (max-width: 999px) {
	#event {
		padding-bottom: 80px;
	}
}