* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fontSize(@px){
	font-size:percentage((@px/@baseFont));
}

article, aside, details, figcaption, figure, 
footer, hgroup, menu, nav, section { 
    display: block;
}


// 変数 -----------------------------------------------------------------
@baseFont: 14;
@baseColor: #eeeeee;
@baseColor2: #dd1582;
@baseColor3: #333333;
@baseColor4: #dcdddd;
@cateColor1: #e597b2;
@cateColor2: #2ca9e1;
@cateColor3: #d7cf3a;
@cateColor4: #a59aca;
@cateColor5: #3eb370;
@cateColor6: #e17b34;
@cateColor7: #888084;
@cateColor8: #aacf53;
@cateColor9: #fddea5;
@cateColor10: #a2d7dd;
@base-box:0px solid #888084;
@base-box2:2px solid #333333;
@base-border:1px solid #eeeeee;
@base-border2:1px dotted #333333;
@basePadding:15px;
@boxShadow: 0 0 5px #bbbbbb;
@absolutePath: "/ss954/common/images/";


//装飾（フレーム） ------------------------------------------------------
.kadomaru(@radius: 5px){
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-o-border-radius: @radius;
	-ms-border-radius: @radius;
	padding: @basePadding;
	margin-bottom: 12px;
}
.kadomaru2(@radius: 2px){
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-o-border-radius: @radius;
	-ms-border-radius: @radius;
	padding: @basePadding;
}
.kadomaru3(@radius: 50px){
	border-radius: @radius;
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-o-border-radius: @radius;
	-ms-border-radius: @radius;
	padding: 0 5px;
}
/*.kasen1{
	padding: @basePadding;
	margin-bottom: 12px;
	border-bottom:3px solid;
}*/

.fukidashi1{
  position: relative;
  line-height: 1;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}
.fukidashi1:after{
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #777;
}



//全体 -----------------------------------------------------------------
body{
	.fontSize(14);
	font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Interstate, Helvetica, Arial, sans-serif;
	color: @baseColor3;
	line-height:140%;
	letter-spacing:0px;
	word-wrap:break-word;
}

h1,h2,h3,h4,h5,h6,h7{
	line-height:120%;
}

ul{
	margin:0;
	padding:0;
}

li{
	list-style-type:none;
	margin:0;
	padding:0;
}

h3,.lateralMotion,.page-asset,.asset-more-link,.breadcrumb{
	a:link,a:visited{
		text-decoration:none;
		color:#000 !important;
		&:hover {
	    text-decoration:none;
			color:@baseColor2 !important;
	  }
	}
}


#header-name {
 margin-bottom:12px;
}

#subtitle{
	.kadomaru2;
	clear:both;
	.fontSize(11);
	color:#fff;
	background:#000;
	padding:3px 10px;
}


#footer{
	clear:both;
	.linkList,.copyright{
	.fontSize(11);
	text-align:center;
	}
}

.alpha{
}

.widget,.asset,.widget-streaming{
	.kadomaru;
	border: @base-box;
	h4{
		margin-bottom:6px;
	}
}

.fS18{
	.fontSize(18);
}

.beta-inner{
	background:url("@{absolutePath}bg.gif");
	h4{
	border-left:6px solid #333;
	border-bottom:1px solid #333;
	padding-left:6px;
	font-weight:normal;
	}
	.widget,.asset{
	padding-bottom:0;
	}
}

.podcastInfo{
	margin-top:6px;
	.fontSize(11);
	p{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	}
}

.asset{
	box-shadow: @boxShadow;
}
.boxset(@padding-width) {
  padding: @padding-width;
  background: #333;
  color: #f7f7f7;
}

.profile{
	.fontSize(11);
	p{
		margin:0 12px 24px 12px;
		padding:0;
	}
	img{
		margin:0;
		padding:0;
	}
}

.widget-streaming{
	background: @baseColor;
	box-shadow: @boxShadow;
	div{
	border-top:@base-border2;
	padding-top:10px;
	}
	p{
	.fontSize(11);
	padding:0;
	margin:0;
	line-height:110%;
	}
	img{
	width:100%;
	}
}

.widget-mail{
 p{
	padding:3px 0;
	margin:0;
	}
}

.caution{
	color:#ff0000;
}

.widget-content{
	li{
	float:left;
	margin-right:15px;
	}
}

// レイアウトグリッド（全体） ----------------------------------------
//@media
//only screen and (min-device-width: 481px) and (max-device-width: 1024px),
//only screen and (min-width: 481px) and (max-width: 1024px) {
//※ここに1024px以下のNewアイコンの設定を記載
//（表示領域481px〜1024pxの時のCSSを記載）
//}

.onepcssgrid-1000{
	margin: 0 auto;
	padding: 0;
	max-width: 1020px;
	clear: both;
}

.onerow {
	clear: both;
	padding: 0 10px;
}

.alpha{
	float: left;
	margin: 0 1% 0 0;
	width: 74.0%;
	clear:both;
}

.beta{
	float: left;
	margin: 0;
	width: 24%;
	a:link,a:visited{
		text-decoration:none;
		color:#000 !important;
		&:hover {
	    text-decoration:underline;
	  }
	}
	img{
	width:100%;
	margin:0;
	padding:0;}
}

.entry-asset,.page-asset{
	border: @base-box2;
	color: #333;
	padding: @basePadding;
	margin-bottom: 12px;
	float: left;
	width:100%;
	/*background:url("@{absolutePath}bg.gif");*/
	background:#eee;
}
.dailyNews{
	margin-bottom: 24px;
	padding-bottom:24px;
	border-bottom:1px solid #333333;
	width:100%;
	h3{
		padding:3px 5px 3px 25px;
		background:url("@{absolutePath}icon/quote.png") no-repeat left top ;
		background-size:35px;
		/*filter:alpha(opacity=50);
		-moz-opacity:0.5;
		opacity:0.5;*/
	}
	.asset-content{
	border-left:3px solid @baseColor - #222;
	padding-left:15px;
	}
}

.asset-content{
}

.entry-body img{
	/*width: 54.05%;*/
	height: auto;
	display: block;
	box-shadow:@boxShadow;
}

.beta.last{
	margin: 0;
}

.asset-footer{
	clear:both;
}

.asset-body,.asset-meta,.entry-tags{
	clear:both;
	margin-bottom:6px;
}

.socialButton-inner{
	clear:both;
	margin-bottom:10px;
}


.asset-body{
	/*border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:12px 0;
	margin-bottom:12px;*/
	img{
	/*max-width:300px !important;
	width:250px !important;*/
	height:auto !important;
	}
}

.mainSession{
	.socialButton-inner,.asset-header{
		padding-bottom:3px;
		border-bottom:@base-border2;
		li{
			margin-right:6px;
		}
	}
}

// レイアウトグリッド（PC） ------------------------------------------
@media all and (min-width: 768px) {

	#header{
		overflow: hidden;
    height: auto;
		position:relative;
	 div{
    padding-bottom: 32767px;
    margin-bottom: -32767px;
		float:left;
		}
	}

	#header-inner{
		margin: 0 1% 0 0;
		clear:both;
		width: 60%;
		img{
		width:100%;
		}
	}

	#header-content{
		position:absolute;
		right:0%;
		bottom:18%;
		width: 38%;
		margin: 0;
		h2#header-description{
		background:#eee;
		padding:10px;
		.fontSize(10);
		}
	}

	h3{
		.fontSize(20);
		clear:both;
	}
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}

	.asset-header{
		margin-bottom:6px;
	}

	.byline,.entry-categories{
		display:block;
		float:left;
		margin-right:6px;
	}

	.beta-inner{
		img#wisdom{
			width:150px !important;
		}
		img{
		width:100%;
		margin:0;
		padding:0;}
	}

	.smartphone,.podlist{
	display:none;
	}

// モード ------------------------------------------
/*
	.modeBattle{
		background:url("@{absolutePath}/mode/mode_battle6.png") no-repeat 97% 2%;
		.entry-title{
		width:80%;
		}
	}
	.modeWaiwai{
		background:url("@{absolutePath}/mode/mode_waiwai6.png") no-repeat 97% 2%;
		.entry-title{
		width:80%;
		}
	}
	.modeChokuden{
		background:url("@{absolutePath}/mode/mode_chokuden6.png") no-repeat 97% 2%;
		.entry-title{
		width:80%;
		}
	}
	.modeLecture{
		background:url("@{absolutePath}/mode/mode_lecture6.png") no-repeat 97% 2%;
		.entry-title{
		width:80%;
		}
	}
	.modeArinashi{
		background:url("@{absolutePath}/mode/mode_arinashi6.png") no-repeat 97% 2%;
		.entry-title{
		width:80%;
		}
	}
	.modeMoshimo{
		background:url("@{absolutePath}/mode/mode_moshimo6.png") no-repeat 97% 2%;
		.entry-title{
		width:80%;
		}
	}*/

	.modeBattle{
		background:url("@{absolutePath}/mode/mode_battle3.png");
	}
	.modeWaiwai{
		background:url("@{absolutePath}/mode/mode_waiwai3.png");
	}
	.modeChokuden{
		background:url("@{absolutePath}/mode/mode_chokuden3.png");
	}
	.modeLecture{
		background:url("@{absolutePath}/mode/mode_lecture3.png");
	}
	.modeArinashi{
		background:url("@{absolutePath}/mode/mode_arinashi3.png");
	}
	.modeMoshimo{
		background:url("@{absolutePath}/mode/mode_moshimo3.png");
	}
	.modeTankyu{
		background:url("@{absolutePath}/mode/mode_tankyu3.png");
	}
	.modeTeian{
		background:url("@{absolutePath}/mode/mode_teian3.png");
	}
	.modeJikiso{
		background:url("@{absolutePath}/mode/mode_jikiso3.png");
	}
	.modeKaiken{
		background:url("@{absolutePath}/mode/mode_kaiken3.png");
	}
	.modeSos{
		background:url("@{absolutePath}/mode/mode_sos3.png");
	}
	.modeResearch{
		background:url("@{absolutePath}/mode/mode_research3.png");
	}
	.modeTaikyoku{
		background:url("@{absolutePath}/mode/mode_taikyoku3.png");
	}
	.modeSoudan{
		background:url("@{absolutePath}/mode/mode_soudan3.png");
	}
	.modeTeigen{
		background:url("@{absolutePath}/mode/mode_teigen3.png");
	}
	.modeBunseki{
		background:url("@{absolutePath}/mode/mode_bunseki3.png");
	}
	.modeDiscussion{
		background:url("@{absolutePath}/mode/mode_discussion3.png");
	}
	.modeKouryaku{
		background:url("@{absolutePath}/mode/mode_kouryaku3.png");
	}
	.modeRanking{
		background:url("@{absolutePath}/mode/mode_rankingu3.png");
	}
	.modeSaiten{
		background:url("@{absolutePath}/mode/mode_saiten3.png");
	}
	.modeSyougen{
		background:url("@{absolutePath}/mode/mode_syougen3.png");
	}
	.modeSyuzaihoukoku{
		background:url("@{absolutePath}/mode/mode_syuzaihoukoku3.png");
	}
	.modeTuitou{
		background:url("@{absolutePath}/mode/mode_tuitou3.png");
	}
	.modeZadankai{
		background:url("@{absolutePath}/mode/mode_zadankai3.png");
	}
/*
	.modeBattle{
		background:url("@{absolutePath}/mode/mode_battle4.gif") no-repeat right top;
	}
	.modeWaiwai{
		background:url("@{absolutePath}/mode/mode_waiwai4.gif") no-repeat right top;
	}
	.modeChokuden{
		background:url("@{absolutePath}/mode/mode_chokuden4.gif") no-repeat right top;
	}
	.modeLecture{
		background:url("@{absolutePath}/mode/mode_lecture4.gif") no-repeat right top;
	}
	.modeArinashi{
		background:url("@{absolutePath}/mode/mode_arinashi4.gif") no-repeat right top;
	}
	.modeMoshimo{
		background:url("@{absolutePath}/mode/mode_moshimo4.gif") no-repeat right top;
	}
*/

}



// レイアウトグリッド（スマホ） --------------------------------------
@media all and (max-width: 768px) {

	.video{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

	.video iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	}

	#header img,.entry-asset img,.profile img{
		width: 100%;
		height: auto;
		display: block;
	}

	#header-content{
		margin-top:6px;
		h2#header-description{
		padding:10px;
		.fontSize(10);
		}
	}

	.onerow {
	}

	.alpha, .beta, .entry-asset, .entry-body, .entry-body img, .twitter-timeline,.beta img{
		float: none;
		width: 99%;
	}

	.twitter-timeline {
	}

	.asset-header,.asset-body{
		clear:both;
		margin-bottom:12px;
	}

	.byline{
		display:block;
		width:100%;
	}

	#header-description,.forpc{
	display:none;
	}
}


// 装飾 --------------------------------------------------------------
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

.clearfix {width:100%;
}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

.mB6{
margin-bottom:6px !important;
}

.mT6{
margin-top:6px !important;
}

#page-title{
	/*padding:@basePadding;
	margin-bottom:6px;*/
}

#page-title-sub{
	.kadomaru3;
	background:#fff;
	margin-bottom:12px;
	padding:5px 10px 3px 10px;
}

.bgB100{
	margin-top:12px;
	width:99%;
	background:#000000;
	padding:0 6px;
}



// 装飾（リスト） ----------------------------------------------------

.widget-nav ul li,.widget-personality ul li,.widget-streaming ul li,.widget-mail ul li,.widget-archive ul li,.widget-archives ul li,.widget-archive-category ul li,.widget-archive-monthly ul li{
	line-height:110%;
	margin:0 6px 3px 0;
	padding:3px 5px 3px 20px;
	background:url("@{absolutePath}icon/arrow.right.png") no-repeat left top;
	background-size:20px;
}

.asset-more-link{
	text-align:right;
	a:link{
	line-height:110%;
	margin:0 6px 6px 0;
	padding:3px 5px 3px 20px;
	background:url("@{absolutePath}icon/arrow.right.png") no-repeat left center;
	background-size:20px;
	}
}

.widget-syndication ul li{
	line-height:110%;
	margin:0 6px 6px 0;
	padding:3px 5px 3px 20px;
	background:url("@{absolutePath}icon/rss_002_e-trans.png") no-repeat left top;
	background-size:20px;
}

.entry-tags ul li{
	.kadomaru2;
	.fontSize(11);
	line-height:110%;
	float:left;
	margin:0 6px 6px 0;
	padding:3px 5px 3px 20px;
	background:url("@{absolutePath}icon/tag2.png") no-repeat left top #000;
	background-size:20px;
	.delimiter{
		display:none;
	}
	a:link{
	color:#fff;
	}
}

ul.listStyle01 li{
	padding:3px 5px 3px 28px;
	background:url("@{absolutePath}icon/appbar.box.png") no-repeat left top;
	background-size:28px;
}

.cautionStyle{
	padding:3px 5px 3px 20px;
	background:url("@{absolutePath}icon/warning.circle.png") no-repeat left top;
	background-size:28px;
}

.social{
	float:left;
	margin-right:6px;
}

//更新日時
.byline{
	.kadomaru2;
	background-color: @baseColor3;
	color:#fff;
	padding: 2px 10px;
}

//カテゴリ
.entry-categories{
	margin-top:2px;
	.delimiter{
		display:none;
	}
	a:link,a:visited{
		.kadomaru2;
		padding: 1px 10px;
		color:#000;
		text-decoration:none;
		&:hover{
			color:#fff;
			text-decoration:none;
		}
	}
}

//ソーシャルボタン
.tw-button{
	margin-top:3px;
}

//モード
.mode{
	.fontSize(10);
	.kadomaru3;
	padding: 1px 10px;
	margin-left:6px;
	background-color:#bbbbbb;
}


//ラジオボタン分岐（バックカラー） -----------------------------------
.catA{
	background-color:@cateColor1;
}
.catB{
	background-color:@cateColor2;
}
.catC{
	background-color:@cateColor3;
}
.catD{
	background-color:@cateColor4;
}
.catE{
	background-color:@cateColor5;
}
.catF{
	background-color:@cateColor6;
}
.catG{
	background-color:@baseColor2;
}
.catH{
	background-color:@cateColor8;
}
.catI{
	background-color:@cateColor7;
}
.catJ{
	background-color:@cateColor9;
}
.catK{
	background-color:@cateColor10;
}


//ナビゲーション（バックカラー） -------------------------------------
/*
.widget-nav{
	background-color:#f6bfbc;
}

.widget-archive-category{
	background-color:#f5e8bc;
}

.widget-archive-monthly{
	background-color:#d9f5bc;
}

.widget-recent-entries{
	background-color:#bcf5cb;
}

.widget-tag-cloud{
	background-color:#bcf5f5;
}

.widget-syndication{
	background-color:#bccbf5;
}
*/

//横移動 -------------------------------------------------------------

.lateralMotion,.content-nav{
	.fontSize(10);
	margin-bottom:12px;
	span{
	float:left;
	display:block;
	padding:0 5px;
	}
	.current_page{
	.fontSize(20);
	}
	.page a:link{
	.kadomaru3;
	background-color: @baseColor2;
	}
	.page a:link,.page a:visited{
	color:#fff !important;
	&:hover{
		.kadomaru3;
		background-color: @baseColor3;
		}
	}
	.prev{
	padding-left:20px;
	background:url("@{absolutePath}icon/arrow.left.png") no-repeat left top;
	background-size:20px;
	}
	.next{
	padding-left:20px;
	background:url("@{absolutePath}icon/arrow.right.png") no-repeat left top;
	background-size:20px;
	}
	.previousday{
	}
}

.content-nav{
text-align:center;
	.prev{
	padding-left:20px;
	background:url("@{absolutePath}icon/arrow.left.png") no-repeat left top;
	background-size:20px;
	}
	.next{
	padding-right:20px;
	background:url("@{absolutePath}icon/arrow.right.png") no-repeat right top;
	background-size:20px;
	}
}



//装飾（テーブル） ---------------------------------------------------
.tbStyle1{
	border: @base-border;
	border-collapse: collapse;
	th{
		width:15%;
		border: @base-border;
		background-color: #c0c0c0;
		padding:@basePadding;
		vertical-align:top;
		}
	td{
		border: @base-border;
		padding:@basePadding;
		}
}

.nameStrong{
	font-weight:bold;
	.fontSize(20);
	margin:0 0 6px 0;
	padding:0;
}

.photoIcon{
float:right;
margin-left:10px;
margin-bottom:6px;
display:block;
width:120px;
font-size:80%;
_font-size:;
text-align:center;
line-height:120%;
}

.photoIcon img{
border:#ccc solid 1px;
margin-bottom:3px;
_margin-bottom:6px;
}



// Calender ----------------------------------------------------------

.widget-calendar{
padding:15px;
text-align: center;
	.calender-inner {
		table{
		width:100%;
		border-collapse:collapse;
		}
		a:link,a:visited{
			text-decoration:none;
			color:@baseColor2 !important;
			&:hover {
		    text-decoration:underline;
		  }
		}
		td,th{
		border:solid 1px #333333;
		padding:3px;
		border-spacing:0;
		text-align:center;
		}
		caption{
		text-align:center;
		margin-bottom:5px;
		font-size:1.2em;
		}
	}
}










//未使用 -------------------------------------------------------------
/* 
//装飾（フレーム）
.stitch{
  margin:40px;
  position: relative;
	background-color: @baseColor;
  padding:40px;
}

.stitch:before{
  content: '';
  z-index: 1;
  position: absolute;
  border: 1px dashed #bbb;
  top: 7px;
  bottom: 7px;
  left: 7px;
  right: 7px;
  -moz-box-shadow: 0 0 0 1px #eee;
  -webkit-box-shadow: 0 0 0 1px #eee;
  box-shadow: 0 0 0 1px #eee;
}

.double {
    height:300px;
    position: relative;
    -webkit-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    -moz-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    padding: 10px;
    background: #fff;
    margin:20px;
    position:relative;
    border:1px solid #fff;
}

.double:after {
    content: '';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #ddd;
}

// 全体（body）のid
#classic-blog{
font-family:;
}

#box1 {
  // .boxsetに20pxを渡して結果を適応する
  .boxset(20px);
}
#box2 {
  // .boxsetに10pxを渡して結果を適応する
  .boxset(10px);
}

// メニュー
#nav1 {
	margin-left: 20px;
	font-size: 100%;
	font-weight: bold;
	list-style: none;
}

#nav1 li {
	margin-bottom: 0.8em;
}

#nav1 li a {
	text-decoration: none;
	color: #333333;
}

#nav1 li a:hover {
	color: #FF9900;
}

#nav2 {
    font-size: 85%;
    font-weight: bold;
    list-style: none;
}
#nav2 li a {
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    background: #999999;
    width: 160px;
    padding: 5px 10px;
}
#nav5 {
    margin-left: 20px;
    font-size: 100%;
    font-weight: bold;
    list-style: none;
}
#nav5 li {
    margin-bottom: 0.8em;
    overflow: hidden;
    height: 1em;
    line-height: 1;
    position: relative;
    width: 6em;
}
#nav5 li a {
    text-decoration: none;
    color: #333333;
    position: absolute;
}
#nav5 li span {
    position: absolute;
    left: 0;
    top: 1.5em;
}
#nav5 li span a {
    color: #FF9900;
}
#nav7 {
    position: relative;
    height: 100px;
}
#nav7 ul {
    margin-left: 20px;
    font-size: 100%;
    font-weight: bold;
    position: absolute;
    top: 20px;
    z-index: 2;
    list-style: none;
}
#nav7 ul li {
    margin-bottom: 0.8em;
    height: 1em;
}
#nav7 ul li a {
    text-decoration: none;
    color: #333333;
}
#nav7 span {
    width: 100%;
    height: 1em;
    display: block;
    background: #FFCC00;
    position: absolute;
    top: 20px;
}
#nav10 {
	padding-left: 20px;
	font-size: 100%;
	font-weight: bold;
	list-style: none;
}
#nav10 li {
	margin-bottom: 0.8em;
	height: 1em;
	line-height: 1;
}
#nav10 li a {
	text-decoration: none;
	color: #333333;
}

//アニメーション ---------------------------------------------------
#xxxx {
	position: absolute;
	width: 550px;
	height: 240px;
	background: url("@{absolutePath}logo2.png") no-repeat left top;
}


*/