/* MEMO 
/* #6CBEA6 - サイトのメインカラー
/* #1abc9c - メインカラーの明度UP
/* #000000 - 
/* #000000 - 
*/


.tab_wrap{width:500px; margin:80px auto;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width:150px; margin:0 5px; display:inline-block; padding:12px 0; color:#999; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:80px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

.tab_area label.active{background:#fff; color:#000;}
.tab_panel.active{display:block;}


.eyecatch{width:100% !important;margin-right:2rem !important;}
.blog-box{display:flex;font-size:1.5rem;}
.blog-eyecatch{width:30%;padding:20px;}
.blog-list-text{width:70%;padding:20px;}
.pd20-0{padding:20px;}


/* Headings 再設定 */
h1{font-size: 26px; }
h2{font-size: 20px; }

/* テキストカラークラス */
.fcw{color:#FFF;}
.fc01{color:#6264a3;}
.fc02{color:#f30;}
.fc03{color:#f06;}
.fc04{color:#F00;}

/* グラデーション */
.gra01{
background: -moz-linear-gradient(#FF9900, #FFCC00);
background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FFCC00)); 
}


.post p{text-indent: 1rem;}


/* カスタムクラス - START **********************************************************************************************/

.pdlr20{padding:0 20px;}
.pdlr30{padding:0 30px;}
.td_nowrap td:first-child{white-space: nowrap;}
.table_pd15 td{padding:15px !important; font-size:15px;}

@media (max-width: 479px) {
.vanish{display:none;}
.eyecatch{width:100%;float:none;margin-right:0rem;}
.blog-box{display:block;padding:0px;}
.blog-eyecatch{width:100%;padding:0px;}
.blog-list-text{width:100%;padding:20px 0;}
.pd20-0{padding:20px 0px;}
.blog-list .container{width:90% !important;}
}



/* カスタムクラス - END   **********************************************************************************************/


/* リンククラス */
.link_w{color:#FFF;text-decoration:none;}
.link_w:hover{color:#FFF;text-decoration:underline;}


/* マージン */
.mb00{margin-bottom:0px;}
.mb01{margin-bottom:1px;}
.mb02{margin-bottom:2px;}
.mb03{margin-bottom:3px;}
.mb04{margin-bottom:4px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mr01{margin-right:1px;}
.mr03{margin-right:3px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mt01{margin-top:1px;}
.mt03{margin-top:3px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}


/* 幅調整クラス */
.wd90{width:90%;}
.wd100{width:100%;}
.lh100{line-height:100%;}
.lh120{line-height:120%;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}


/* フォントサイズクラス */
.fs09{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;}
.fs50{font-size:50px;}

/* フォントデコレーションクラス */
.fwb{font-weight:bold;}


/* テキストアライン */
.tac{text-align:center;}
.tar{text-align:right;}


/* パディングクラス */
.pd01{padding:1px;}
.pd03{padding:3px;}
.pd05{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.pd50{padding:50px;}
.pd01-03{padding:1px 3px 1px 3px;}
.pd01-05{padding:1px 5px 1px 5px;}
.pd01-10{padding:1px 10px 1px 10px;}
.pd01-15{padding:1px 15px 1px 15px;}
.pd01-20{padding:1px 20px 1px 20px;}
.pd03-05{padding:3px 5px 3px 5px;}
.pd03-10{padding:3px 10px 3px 10px;}
.pd03-15{padding:3px 15px 3px 15px;}
.pd03-20{padding:3px 20px 3px 20px;}
.pd05-10{padding:5px 10px 5px 10px;}
.pd05-15{padding:5px 15px 5px 15px;}
.pd05-20{padding:5px 20px 5px 20px;}
.pd10-15{padding:10px 15px 10px 15px;}
.pd10-20{padding:10px 20px 10px 20px;}
.pdl01{padding-left:1px;}
.pdl03{padding-left:3px;}
.pdl05{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdr01{padding-right:1px;}
.pdr03{padding-right:3px;}
.pdr05{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdb01{padding-bottom:1px;}
.pdb03{padding-bottom:3px;}
.pdb05{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}


/* 文字間クラス */
.ls01{letter-spacing:1px;}
.ls02{letter-spacing:2px;}
.ls03{letter-spacing:3px;}
.ls05{letter-spacing:5px;}
.ls10{letter-spacing:10px;}


/* ポインター */
.cp{cursor:pointer;}


/*　ドロップシャドウ */
.ds01{
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
}

.ds01{
box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
}


/* ボーダーラディアス */
.rs{
border-radius: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

/* フロートクリア */
.clearfix:after {   
visibility: hidden;
display: block;
content: ".";
clear: both;
height: 0;
font-size:0;
}
/* clearfix for ie7 */
.clearfix{
display:inline-block;
zoom:1;
}
.clearfix {
display:block;
}