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

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

name: uniq.css

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



/*=========================================
      tab
=========================================*/
#tabNav{ max-width:1000px; width:95%; margin:0 auto;}
#tabNav #nav{ overflow:hidden;}
#tabNav #nav li{ float:left; width:24.6%; margin:0 0.2%; font-size:15px; font-weight:bold; text-align:center; transition:all 0.3s ease;}
#tabNav #nav li a{ display:block; border:1px solid #000; padding:15px 0; text-decoration:none;}

/*tab_on*/
#tabNav #nav li.current a,
#tabNav #nav li:hover a{ background:#000; color:#fff;}


/*=========================================
      container
=========================================*/
#container{ max-width:1000px; width:90%;}


/*===========================================
	一覧
===========================================*/
.newsListBox{ padding:40px 10px;}
.newsListBox .md{ font-size:24px; margin:0 0 40px; font-weight:bold; letter-spacing:0.1em; text-align:center;}
.newsListBox .md span{ padding:0 0 3px;}
.newsListBox > dl{ padding:10px 0;}
.newsListBox > dl dt{ width:100px; float:left; color:#00abd6; font-size:110%; font-family: 'Josefin Sans', sans-serif; font-weight:600;}
.newsListBox > dl dd{ margin:0 0 0 100px;}
.newsListBox > dl dd a{ text-decoration:underline;}
.newsListBox > dl dd a:hover{ text-decoration:none;}
/*動画*/
.newsListBox ul.movieList{ overflow:hidden;}
.newsListBox ul.movieList li{ float:left; width:19%; margin:0 0.5% 20px; position:relative;}
.newsListBox ul.movieList li .ph{ margin:0 0 10px;}
.newsListBox ul.movieList li .date{ font-size:110%; font-family: 'Josefin Sans', sans-serif; font-weight:600; line-height:1;}
.newsListBox ul.movieList li .h{ line-height:1.4; letter-spacing:-0.05em;}
.newsListBox ul.movieList li .txt{ font-size:85%; line-height:1.3;}
.newsListBox ul.movieList li a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsListBox ul.movieList li:hover .h{ text-decoration:underline;}



/*===========================================
	記事
===========================================*/
#detailBox{ max-width:800px; width:90%; margin:0 auto;}
/*タイトル*/
#detailBox .titleBox{ border:1px solid #666; border-width:1px 0; padding:30px 0; margin:0 0 20px; color:#392513; text-align:center;}
#detailBox .titleBox .date{ letter-spacing:0.05em; margin:0 0 5px; font-size:110%; font-family: 'Josefin Sans', sans-serif; font-weight:600;}
#detailBox .titleBox .title{ font-size:22px; line-height:1.4;}
/*ページャー*/
#detailBox .pager li a{ width:60px; font-family: 'Josefin Sans', sans-serif; font-weight:600; letter-spacing:0.1em;}

/*===========================================
	fck
===========================================*/
/*md*/
.fckArea h1{ background:#e2e2e2; padding:5px 15px; margin:20px 0 15px 0; font-size:110%; border-radius:2px; font-weight:bold;}
.fckArea h2{ padding:3px 0 3px 10px; margin:20px 0 15px 0; border-left:5px solid #00abd6; font-size:110%; line-height:1; text-align:left; font-weight:bold;}
.fckArea h2:after{ display:none;}
.fckArea h3{ padding:3px 0 3px 10px; margin:20px 0 15px 0; border-left:5px solid #aaa; font-size:110%; line-height:1; text-align:left; font-weight:bold;}
.fckArea{ padding:20px 0; word-break: break-all;}
.fckArea p{ margin:0 0 10px;}
.fckArea p em{ font-style:italic;}
.fckArea iframe{ max-width:100%;}

*html br { letter-spacing: 0; }








/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
	
/*=========================================
      tab
=========================================*/
#tabNav{ max-width:inherit; width:98%; margin:0 auto;}
#tabNav #nav{ overflow:hidden;}
#tabNav #nav li{}
#tabNav #nav li a{ padding:10px 0;}
#tabNav #nav li span{ padding:20px 0 0; font-size:11px; background-size:auto 15px !important; background-position:top center !important;}
#tabNav #nav li#TabNav1 span{}
#tabNav #nav li#TabNav2 span{}
#tabNav #nav li#TabNav3 span{}
#tabNav #nav li#TabNav4 span{}


/*===========================================
	一覧
===========================================*/
.newsListBox{ padding:20px 5%;}
.newsListBox .md{ font-size:18px; margin:0 0 30px;}
.newsListBox .md span{ padding:0 0 3px;}
.newsListBox > dl{ padding:5px 0;}
.newsListBox > dl dt{ width:auto; float:none;}
.newsListBox > dl dd{ margin:0;}
.newsListBox > dl dd a{}
/*動画*/
.newsListBox ul.movieList{}
.newsListBox ul.movieList li{ width:48%; margin:0 1% 20px; position:relative;}
.newsListBox ul.movieList li .ph{}
.newsListBox ul.movieList li .date{}
.newsListBox ul.movieList li .h{}
.newsListBox ul.movieList li a{}


/*===========================================
	記事
===========================================*/
#detailBox{ max-width:inherit;}
/*タイトル*/
#detailBox .titleBox{ padding:15px 0; margin:0 0 10px;}
#detailBox .titleBox .date{ letter-spacing:0.05em; margin:0 0 5px;}
#detailBox .titleBox .title{ font-size:13px;}
/*ページャー*/
#detailBox .pager li a{}

/*===========================================
	fck
===========================================*/
/*md*/
.fckArea h1{ padding:5px 2%; margin:15px 0 10px 0;}
.fckArea h2{ padding:3px 5px; margin:15px 0 10px 0;}
.fckArea h3{ padding:3px 5px; margin:15px 0 10px 0;}
.fckArea{ padding:10px 0; word-break: break-all;}
.fckArea p{ margin:0 0 10px;}
.fckArea p em{}
.fckArea iframe{}
*html br {}


}