/* カスタマイズ用CSS */
.front_page .ec-layoutRole .ec-layoutRole__contents { max-width:100%; }
.ec-sliderRole { max-width:100%; }
.centerBox { text-align:center; margin:0 auto; }
.centerBox img { margin:0 auto; max-width:100% !important; }
.ec-itemNav__nav li a { font-size:12px; }
.ec-role img { max-width:100% !important; }

.slick-initialized .slick-slide { padding:15px; }

table.table_w{
border-collapse:collapse;
margin:0px auto 15px auto;
width:100%;
}

table.table_w td{
border-collapse:collapse;
background-color:#FFF;
text-align:left;
padding:8px;
border:1px solid #DDDDDD;
line-height:20px;
}

table.table_w td.left{
text-align:left;
}

table.table_w th{
background-color:#efefef;
text-align:left;
padding:8px;
white-space:nowrap;
color: #333;
border-top:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}


.txt_bnr {
  background: #f8f8f8;
  border: 1px solid #D9D9D9;
  font-weight: bold;
  padding: 16px;
  margin: 20px 0 0;
  text-align: center;
}
.txt_bnr strong {
  color: #DE5D50;
  font-size: 20px;
  font-size: 2rem;
}
.txt_bnr strong strong {
  font-size: 32px;
  font-size: 3.2rem;
}

.ec-g__nav li { display:inline-block; }
.ec-g__nav li a { display: block;
  margin: 0;
  border-left:1px solid #E8E8E8; 
  padding: 10px 16px;
  height: auto;
  color: #2e3233;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  text-decoration: none;
  text-align: left;
  background: #fff;
}
.ec-g__nav li:last-child { border-right:1px solid #E8E8E8; }

h2.ct { text-align: center; margin:30px 0px; } 
h2.lt { text-align: left; margin:30px 0px; } 
h3.ct { text-align: center; margin:30px 0px; } 
h3.lt { text-align: left; margin:30px 0px; } 
h4.ct { text-align: center; margin:30px 0px; } 
h4.lt { text-align: left; margin:30px 0px; } 

/* テーブルセル要素 */
.tcBox { border-collapse: separate; border-spacing: 10px 5px; display:table; table-layout: fixed; width:100%; }
.tcBox .block { display:table-cell; vertical-align:top; border:0px solid #DDD; padding:15px; }
.tcBox .block img { max-width:100%; }
.tcBox .block h3 { border:none; padding:0px; }
.tcBox .block p { text-align:left; }
.tcBox .block table { margin-top:0px !important; line-height:165%; border-top:1px solid #EEE; }
.tcBox .block table tt {  }
.tcBox .block table th { font-size:16px; padding:15px; border-bottom:1px solid #EEE; }
.tcBox .block table td { font-size:16px; padding:15px; border-bottom:1px solid #EEE; }


.A_BOX {
  background: #F5F5F5;
  padding: 20px;
  border-radius: 2px;
}
.A_BOX p:last-child { margin-bottom:0px; }
.A_BOX p { font-size:16px; line-height:1.6; }


/* タイムライン風 */
.timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
.timeline-date {
    width: 140px;
    float: left;
    margin-top: 20px;
	font-size:16px;
	margin-bottom:0px;
  }
.timeline-content {
    width: 72%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
.timeline-content h3 { border:none; margin-top:20px; margin-bottom:20px; padding-left:5px; padding-bottom:5px; }

.timeline-content:before {
    content: '';
    width: 22px;
    height: 22px;
    background: #c3b793;
    position: absolute;
    left: 130px;
    top: 22px;
    border-radius: 100%;
  }



.bb { font-weight:bold; }
.waku {	border:1px solid #DDD; }
.waku a { color:#0a67c9; }
.maB0 { margin-bottom:0px !important; }
.maB5 { margin-bottom:5px !important; }
.maB10 { margin-bottom:10px !important; }
.maB15 { margin-bottom:15px !important; }
.maB20 { margin-bottom:20px !important; }
.maB25 { margin-bottom:25px !important; }
.maB30 { margin-bottom:30px !important; }
.maB40 { margin-bottom:40px !important; }
.maB50 { margin-bottom:50px !important; }
.maB60 { margin-bottom:60px !important; }
.maB70 { margin-bottom:70px !important; }
.maB80 { margin-bottom:80px !important; }
.maB90 { margin-bottom:90px !important; }
.maB100 { margin-bottom:100px !important; }
.maR5 { margin-right:5px !important; }
.maR10 { margin-right:10px !important; }
.maR15 { margin-right:15px !important; }
.maR20 { margin-right:20px !important; }
.maR25 { margin-right:25px !important; }
.maR30 { margin-right:30px !important; }
.maL5 { margin-left:5px !important; }
.maL10 { margin-left:10px !important; }
.maL15 { margin-left:15px !important; }
.maL20 { margin-left:20px !important; }
.maL25 { margin-left:25px !important; }
.maL30 { margin-left:30px !important; }
.maT0 { margin-top:0px !important; }
.maT5 { margin-top:5px !important; }
.maT10 { margin-top:10px !important; }
.maT15 { margin-top:15px !important; }
.maT20 { margin-top:20px !important; }
.maT25 { margin-top:25px !important; }
.maT30 { margin-top:30px !important; }
.maT35 { margin-top:35px !important; }
.maT40 { margin-top:40px !important; }



.red { color:#C00 !important; }
.yellow { color:#f5ef44 !important; }
.blue { color:#005bac !important; }
.green { color:#2e8b57  !important; }
.pink { color:#ff69b4  !important; }
.orange { color:#ffa500  !important; }

.pa1 { padding:1px; }
.pa2 { padding:2px; }
.pa3 { padding:3px; }
.pa4 { padding:4px; }
.pa5 { padding:5px; }
.pa10 { padding:10px; }
.pa15 { padding:15px; }
.pa20 { padding:20px; }
.pa25 { padding:25px; }
.pa30 { padding:30px; }
.pa35 { padding:35px; }
.pa40 { padding:40px; }
.paL10 { padding-left:10px !important; }
.paL20 { padding-left:20px !important; }
.paL30 { padding-left:30px !important; }
.paL40 { padding-left:40px !important; }
.paL50 { padding-left:50px !important; }
.paL60 { padding-left:60px !important; }

.f10 { font-size:10px !important; line-height:1.5 !important; }
.f12 { font-size:12px !important; line-height:1.5 !important; }
.f14 { font-size:14px !important; line-height:1.5 !important; }
.f16 { font-size:16px !important; line-height:1.5 !important; }
.f18 { font-size:18px !important; line-height:1.5 !important; }
.f20 { font-size:20px !important; line-height:1.5 !important; }
.f22 { font-size:22px !important; line-height:1.5 !important; }
.f24 { font-size:24px !important; line-height:1.5 !important; }
.f26 { font-size:26px !important; line-height:1.5 !important; }
.f28 { font-size:28px !important; line-height:1.5 !important; }
.f30 { font-size:30px !important; line-height:1.5 !important; }
.f32 { font-size:32px !important; line-height:1.5 !important; }
.f34 { font-size:34px !important; line-height:1.5 !important; }
.f36 { font-size:36px !important; line-height:1.5 !important; }
.f38 { font-size:38px !important; line-height:1.5 !important; }
.f40 { font-size:40px !important; line-height:1.5 !important; }
.f42 { font-size:42px !important; line-height:1.5 !important; }
.f44 { font-size:44px !important; line-height:1.5 !important; }
.f46 { font-size:46px !important; line-height:1.5 !important; }
.f48 { font-size:48px !important; line-height:1.5 !important; }
.f50 { font-size:50px !important; line-height:1.5 !important; }


/*************
クリアー
*************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { overflow:hidden; zoom:1; }
.clear { clear:both; }

/*************
フロート
*************/
.fl { float:left; }
.fr { float:right; }

.click {
padding:8px 20px;
background:#000;
font-size:14px;
margin:10px auto;
text-decoration:none;
text-align:center;
display: inline-flex;
font-weight:bold;
color: #FFF;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

.click:hover{
color:#000;
background:#EEE;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}


.sp { display:none !important; }
.pc { display:inline-block !important; }


/* タブレット */
@media only screen and (max-width:880px){

.sp { display:none !important; }
.pc { display:inline-block !important; }

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){



.sp { display:inline-block !important; }	
.pc { display:none !important; }

.tcBox, .tcBox2, .tcBox3, .tcBox4, .tcBox5 { border-spacing: 15px 0px; }
.tcBox .block, .tcBox2 .block, .tcBox3 .block, .tcBox4 .block, .tcBox5 .block { display:block; margin-bottom:15px; }




}