
/****text&img****/


h1,h2,h3,h4,h5,h6 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


img{
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:0%;
}


.test{
	border:1px solid black;
}

form{
	margin:0;
	padding:0;
}

.left{
	margin:0px 30px 20px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

.right{
	margin:0px 0px 20px 30px;
	padding:0px 0px 0px 0px;
	float:right;
}

.rightTxt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}


.box{
	cursor: pointer;
}
.box:hover{
	background:#ededed;
}

/****link****/
a:link,
a:visited,
a:active{
	color:#036;
	text-decoration:none;
}

a:hover{
	color:#900;
	text-decoration:none;
}


A.arrow01{
	margin:0px;
	padding:2px 10px 0px 15px;
	border:1px solid #999;
}

A.arrow01:link,
A.arrow01:visited,
A.arrow01:active{
	text-decoration:none;
	background:url(../images/arrow01.gif) no-repeat 0px 7px;
}

A.arrow01:hover{
	text-decoration:underline;
	background:url(../images/arrow01.gif) no-repeat 2px 7px;
}




/****body****/

body{
	margin:0 auto;
	padding:0;
	text-align:center;
	font-family: メイリオ , Meiryo ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	font-size:13px;
	*font-size: small;
	*font: x-small;
	line-height:1;
	color:#333;
}

#board{
	width:100%;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}


/****head****/

header{
	width:100%;
	min-width:1000px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background:#999;
}

#header{
	position:relative;
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#header p{
	width:260px;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 220px;
	line-height:1.5;
	font-size:125%;
	font-weight:bold;
	float:left;
}

.sb-toggle-left{
	display:none;
}

#logo{
	position:absolute;
	width:220px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:0%;
	font-size:0%;
	text-align:left;
	z-index:100;
}

#logo img{
	width:200px;
}

#headSub{
	width:500px;
	height:63px;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	float:left;
	text-align:right;
}

#headSub dl.accordion{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:left;
}

#headSub dl.accordion dt{
	display:none;
}

#headSub dl.accordion dd input.text{
	width:160px;
	height:28px;
	margin:1px 5px 0px -20px;
	padding:0px 5px 0px 5px;
	border:1px solid #000;
	float:left;
	 -moz-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size:14px;
	text-align:left;
}

#headSub dl.accordion dd input.button{
	width:34px;
	height:33px;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/btn_head_form.png) no-repeat;
	float:left;
	text-indent:-9999px;
	background-size: 34px 33px;
}



#headSns{
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	line-height:0%;
	font-size:0%;
}

#headSns ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#headSns ul li.fb {
	width:71px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

#headSns ul li.twitter {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

#headSns ul li.rss {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

#headSns ul li ul {
	display: none;
}




#twitter{
	float:left;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}


#fb{
	float:left;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#pocket{
	float:left;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#rss{
	float:left;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}



/****メインメニュー****/


.sb-slidebar{
	width:100%;
	height:125px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/btn_grandmenu01.jpg) repeat-x 0 83px;
}


.sb-slidebar ul{
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	overflow:hidden; 
	text-align:right;
	list-style-type:none;
}

.sb-slidebar ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:center;
}

.sb-slidebar ul li a{
	display:block;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	color:#fff;
	font-size:100%;
}

.sb-slidebar ul li a:hover{
	opacity:0.5;
	text-decoration:none;
}




.sb-slidebar ul li a.menu01{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu02.jpg) no-repeat;
}

.sb-slidebar ul li a.menu02{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu03.jpg) no-repeat;
}

.sb-slidebar ul li a.menu03{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu04.jpg) no-repeat;
}

.sb-slidebar ul li a.menu04{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu05.jpg) no-repeat;
}

.sb-slidebar ul li a.menu05{
	width:152px;
	height:30px;
	background:url(../images/btn_grandmenu06.jpg) no-repeat;
}



.sb-slidebar ul.snsIcon{
	display:none;
}





/****ビジュアル****/


.swiper-container{
	width:670px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    overflow:hidden; 
	border:1px solid #000;
}


.swiper-slide{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.swiper-slide img{
	width:670px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.swiper-slide span{
	width:630px;
	position:absolute;
	display:block;
	margin:0px 0px 0px 0px;
	padding:20px 30px 40px 10px;
	background-color:rgba(255,255,255,0.7);
	bottom:0;
	text-align:left;
	font-size:123.1%;
	color:#000;
}







/****main****/




#sb-site, .sb-slidebar {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	/*overflow-x: hidden;*/
	/*overflow-x: auto;*/
}

html {
	height: 100%; /* Site is as tall as device. */
}




#main{
	width:1000px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
    overflow:hidden; 
}


/****メイン左****/

#mainL{
	width:670px;
	margin:0px 25px 0px 0px;
	padding:0px 0px 3px 0px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:center;
}



/****メイン右****/

#sideWrap{
	width:300px;
	float:right;
}

#mainR{
	width:300px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:left;
}

.topbnr01{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.sidebnr{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.sidebnr a:hover{
	opacity:0.7;
}

.topbnr02{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/****ピックアップ****/

#pickup{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#pickup h3{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 50px;
	background:url(../images/icon_pickup_title.png) no-repeat 15px 50% #EDEDED;
	border:1px solid #333;
}

#pickup div.box3{
	position: relative;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
    overflow: hidden;
}

.side-Pickup{ }
.side-Pickup a{}
.side-Pickup strong{ display: block; position: absolute; bottom: 0; width: 100%; padding: 15px; box-sizing: border-box; z-index: 2; background: rgba(0,0,0,0.70); color: #fff; line-height: 1.3; font-size: 14px;}
.side-Pickup img{}
.side-Pickup a:hover strong{ color:#fff; background: #F38129; }


#pickup div.photo{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
    width: 298px;
    height: 148px;
    position: relative;
    overflow: hidden;
	border:1px solid #333;
}
#pickup div.photo a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: auto;
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
#pickup div.photo a img{
    max-width: 300px;
   max-height: 300px;
    vertical-align: middle;
}
#pickup p{
	position: absolute;
	z-index:10000;
	width:100%;
	margin:0;
	padding:0;
	left:0;
	bottom: 0;
	background-color:rgba(0,0,0,0.6);
	
}

#pickup p a{
	box-sizing: border-box;
	display: block;
	margin:0;
	padding:10px;
	color:#fff;
	font-size: 14px;
	line-height: 1.3;
}

#pickup p a:hover{
	background-color:#F38129;
}


/****ランキング****/


/*
#ranking{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#ranking h3{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 50px;
	background:url(../images/icon_pickup_title.png) no-repeat 15px 50% #EDEDED;
	border:1px solid #333;
}

#ranking div.box3{
	position: relative;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
    overflow: hidden;
}

#ranking div.photo{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
    width: 298px;
    height: 148px;
    position: relative;
    overflow: hidden;
	border:1px solid #333;
}

#ranking div.photo a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: auto;
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}

#ranking div.photo a img{
    max-width: 300px;
   max-height: 300px;
    vertical-align: middle;
}

#ranking span.gold{
	position: absolute;
	z-index:1000;
	display:block;
	width:20px;
	height:22px;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 10px;
	top:0;
	left:0;
	background:#CC9900;
	font-size:15px;
	font-weight:bold;
	line-height:1;
	color:#fff;
}

#ranking span.silver{
	position: absolute;
	z-index:1000;
	display:block;
	width:20px;
	height:22px;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 10px;
	top:0;
	left:0;
	background:#999;
	font-size:15px;
	font-weight:bold;
	line-height:1;
	color:#fff;
}


#ranking p{
	position: absolute;
	z-index:10000;
	width:300px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	top:0;
	left:0;
}

#ranking p a{
	background-color:rgba(0,0,0,0);
	display:block;
	width:270px;
	height:120px;
	margin:0px 0px 0px 0px;
	padding:15px;
	font-size:0;
}

#ranking p a:hover{
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	display:block;
	width:270px;
	height:120px;
	margin:0px 0px 0px 0px;
	padding:15px;
	font-size:15px;
	line-height:1.5;
}
*/



/****tag-cloud****/


#tag-cloud{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#tag-cloud h3{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 15px;
	background:#EDEDED;
	border:1px solid #333;
}

.tag-cloud {
	overflow: hidden;
	margin: 15px 0 30px 0;
	padding-left: 0;
}

.tag-cloud a {
  float: left;
  padding: 5px 7px;
  background: #fff;
  color: #333;
  white-space: nowrap;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #333;
  margin: 0 5px 5px 0;
}

.tag-cloud a:hover {
  color: #b54f41;
  text-decoration: none;
  background: #ededed;
}


/****foot****/



footer{
	width:100%;
	min-width:1000px;
	/*width:1000px;*/
	margin:30px 0px 0px 0px;
	padding:30px 0px 30px 0px;
    background: #333;
}

#foot{
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

#foot ul{
	width:600px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	list-style-type:none;
}

#foot li{
	margin:0px 50px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#foot li a{
	color:#fff;
}

#foot li a:hover{
	color:#999;
}

#foot p.copyright{
	width:270px;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:100%;
	font-size:80%;
	color:#ccc;
	float:right;
}

#AnnouncementBG,
#Announcement{
	display:none;
}


/* ---------------page-top--------------- */

#page-top-pc {
	position: fixed;
	bottom: 70px;
	right: 10px;
	font-size: 77%;
}

#page-top-pc a {
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity:0.9;
}

#page-top-pc a:hover {
	opacity:0.7;
}

#page-top-smp{
	display:none;
}

#page-top-smp img{
	display:none;
}










/**************** トップページ ****************/



#topNews{
    width: 999px;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
    text-align: left;
    overflow: hidden;
}

#topNews div.box2{
    width: 33%;
	/*  margin:0px 0px 0px -1px;  */
	padding:0px;
	position: relative;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

#topNews div.photo{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    width: 333px;
    height: 252px;
    position: relative;
    overflow: hidden;
}

#topNews div.photo a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: auto;
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}

#topNews div.photo a img{
    max-width: 450px;
   max-height: 450px;
    vertical-align: middle;
}

#topNews div.txt{
	width: 333px;
	height:85px;
	position: absolute;
	margin:0px 0px -4px 0px;
	padding:0px 0px 0px 0px;
	bottom:3px;
	background-color:rgba(0,0,0,0.6);
	z-index:1000;
}
#topNews div.txt ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
    overflow: hidden;
	z-index:10000;
}

#topNews div.txt li a{
	display:block;
	width:75px;
	margin:0px 0px 0px 0px;
	padding:3px 0px;
	font-size:100%;
	line-height:1.5;
	color:#fff;
	text-align:center;
	float:left;
}

#topNews div.txt h2{
	font-size:112%;
	line-height:1.4;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:10px;
	color:#fff;
}

#topNews h2 a{
    color: #FFF;
    text-decoration: none;
}






#mainNews{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    text-align: left;
}

#mainNews div.box{
	position: relative;
	width: 650px;
	margin:0px 0px 10px 0px;
	padding:10px;
	overflow: hidden;
	border:1px solid #333;
}
#mainNews div.box3{
	position: relative;
	width: 640px;
	margin:0px 0px 15px 0px;
	padding:15px;
	overflow: hidden;
	border:1px solid #333;
}
#mainNews div.new{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 100000000;
}

#mainNews div.photo{
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
    float: left;
    width: 200px;
    height: 113px;
    position: relative;
    overflow: hidden;
}

#mainNews div.photo a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: auto;
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}



#mainNews div.photo img{
    width: 200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#mainNews div.photo a img{
    max-width: 360px;
   max-height: 360px;
    vertical-align: middle;
}

#mainNews div.txt{
    width: 410px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
    float: left;
}

#mainNews div.txt h2{
	font-size:140%;
	line-height:1.4;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#036;
}

#mainNews div.txt p{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:108%;
	line-height:1.5;
	color:#666;
}

#mainNews div.txt p a{
	color:#F28028;
	font-weight:bold;
}

#mainNews div.txt ul{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
    overflow: hidden;
}

#mainNews div.txt li a{
	display:block;
	width:75px;
	margin:0px 5px 0px 0px;
	padding:1px 0px;
	font-size:93%;
	line-height:1.5;
	text-align:center;
	float:left;
}

#mainNews div.txt p.date{
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	font-size:93%;
	line-height:1.5;
	color:#999;
}


a.buisiness{
	background:#c00;
	color:#fff;
}

a.hobby{
	background:#069;
	color:#fff;
}

a.life{
	background:#c93;
	color:#fff;
}

a.money{
	background:#690;
	color:#fff;
}

a.Leisure{
	background:#936;
	color:#fff;
}

a.pr{
	background:#ddd;
	color:#666;
}


#mainNews h3{
	width:670px;
	margin:30px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #000;
	background:#ededed;
	font-size:123.1%;
	line-height:1;
}

#mainNews h3 span.relation{
	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 10px;
	border-left:7px solid #FF6600;
}

#mainNews h3 span.newarrival{
	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 10px;
	border-left:7px solid #09c;
}








/**************** カテゴリ ****************/



h1.cateTitle{
	width:650px;
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 20px;
	font-size:138.5%;
	line-height:1.5;
	border:1px solid #000;
}




/**************** 記事詳細 ****************/


#detail{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    text-align: left;
}

#detail h1{
	margin:0px 0px 0px 0px;
	padding:0;
	font-size:216%;
	line-height:1.5;
}

#detail div.txt{
	/*width:670px;*/
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 0px;
    overflow: hidden;
}

#detail div.txt p.date{
	/*width:670px;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:100%;
	line-height:1.5;
	color:#999;
}

#detail div.txt ul{
	width:500px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

#detail div.txt li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}

#detail div.txt li a{
	display:block;
	width:75px;
	margin:1px 5px 0px 0px;
	padding:2px 0px;
	font-size:85%;
	line-height:1.5;
	color:#fff;
	text-align:center;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

#detail div.txt p.time{
	margin:5px 0px 0px 10px;
	padding:2px 0px 0px 25px;
	font-size:100%;
	line-height:1.5;
	color:#999;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
	background:url(../images/icon_time.jpg) no-repeat 0 50%;
}

#detail div.photo{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 670px;
}

#detail div.photo img{
	border:1px solid #000;
}


#snsbtn{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    overflow: hidden;
}

#snsbtn ul{
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:center;
    overflow: hidden;
}

#snsbtn li{
	margin:0px 1px 0px 1px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}



ul.snsSmall{
	width:678px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	overflow: hidden;
}

ul.snsSmall li{
	margin:0px 6px 0px 0px;
	padding:0px 0px 0px 0px;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}


#detailTxt{
	margin:22px 0px 0px 0px;
	padding:0px 0px;
	font-size:112%;
	line-height:2;
}

#detailTxt p.lifehack{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:5px 20px;
	font-size:123.1%;
	line-height:1;
	border:1px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	background:#333;
	color:#fff;
}

#detailTxt .headline ul{
	margin:15px 0px 0px 0px;
	padding:0;
	list-style-type:none;
}

#detailTxt .headline ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 35px;
	background:url("../images/icon_check.jpg") no-repeat 0 0 !important;
	font-size:100%;
	line-height:1.7;
}


#detailTxt p.more{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}

#detailTxt p.more a{
	display:block;
	width:280px;
	margin:40px auto 0px auto;
	padding:8px 0px 8px 0px;
	font-size:138.5%;
	line-height:1.5;
	background:url(../images/arrow01.png) no-repeat right 50% #F38129;
	text-align:center;
	font-size:116%;
	line-height:1.7;
	color:#000;
	border:2px solid #000;
}

#detailTxt p.more a:hover{
	opacity:0.7;
}

#detailTxt h2{
	margin:60px 0px 30px 0px;
	padding:5px 0px 5px 15px;
	font-size:138.5%;
	line-height:1.5;
	border-bottom:1px solid #ccc;
	border-left:5px solid #F38129;
}


ul.snsFollowing{
	width:670px;
	margin:30px 0px 0px 0px;
	padding:20px 0px 10px 0px;
	list-style-type:none;
	overflow: hidden;
	background:#ededed;
}

ul.snsFollowing li{
	width:45%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
	text-align:center;
}

ul.snsFollowing div.fb-like{
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
}

ul.snsFollowing li.line{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-left:1px solid #999;
}

ul.snsFollowing li span{
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-weight:bold;
}


ul.snsBig{
	width:678px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	overflow: hidden;
}

ul.snsBig li{
	margin:0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}


ul.Announcement{
	width:678px;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	overflow: hidden;
}

ul.Announcement li{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}




#tagRelation {
	overflow: hidden;
	margin: 30px 0 0 0;
	padding: 15px 20px;
	border:1px solid #ccc;
}

#tagRelation h3{
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
	font-size:116%;
	line-height:1.5;
}

#tagRelation a {
  float: left;
  padding: 5px 7px;
  background: #fff;
  color: #333;
  white-space: nowrap;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #333;
  margin: 0 5px 5px 0;
}

#tagRelation a:hover {
  color: #b54f41;
  text-decoration: none;
  background: #ededed;
}





/**************** BoostMagazineについて
 ****************/


h1.aboutTitle{
	width:650px;
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 20px;
	font-size:138.5%;
	line-height:1.5;
	border:1px solid #000;
	text-align:left;
}

#detail div.logoPhoto{
	margin:0px 0px 0px 0px;
	padding:30px 0px;
	width: 670px;
}


#aboutTxt{
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	font-size:112%;
	line-height:1.8;
}

#aboutTxt p{
	margin:0px 0px 0px 0px;
	padding:0px 0px;
}

#aboutTxt p.link a{
	display:block;
	width:200px;
	margin:10px 0px 0px 0px;
	padding:5px 20px;
	background:url(../images/arrow02.png) no-repeat right 50% #F38129;
	border:1px solid #000;
	color:#000;
}

#aboutTxt p.link a:hover{
	opacity:0.7;
	color:#000;
}

#aboutTxt h2{
	width:650px;
	margin:30px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:116%;
	line-height:1.5;
	text-align:left;
}



.sb-slidebar ul li a.menu01here{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu02_o.jpg) no-repeat;
}

.sb-slidebar ul li a.menu02here{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu03_o.jpg) no-repeat;
}

.sb-slidebar ul li a.menu03here{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu04_o.jpg) no-repeat;
}

.sb-slidebar ul li a.menu04here{
	width:151px;
	height:30px;
	background:url(../images/btn_grandmenu05_o.jpg) no-repeat;
}

.sb-slidebar ul li a.menu05here{
	width:152px;
	height:30px;
	background:url(../images/btn_grandmenu06_o.jpg) no-repeat;
}





/**************** お問い合わせ
 ****************/


h1.contactTitle{
	width:650px;
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 20px;
	font-size:138.5%;
	line-height:1.5;
	border:1px solid #000;
	text-align:left;
}


#contact{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#contact p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:108%;
	line-height:1.5;
}

#contact ul{
	margin:20px 0px 0px 20px;
	padding:15px 40px 15px 40px;
	font-size:100%;
	line-height:1.5;
	background:#f0f0f0;
}

p.necessity{
	padding:50px 0 0 20px !important;
}

p.necessity span{
	color:#F38129;
}



#contact table{
	width:650px;
	margin:10px 0 0 20px;
	padding:0;
	border-top:1px solid #ccc;
	border-collapse: collapse;
}

#contact tr{
	margin:0;
	padding:0 0 1px 0;
	background:url(../images/line_dot.gif) repeat-x bottom;
}

#contact th{
	width:150px;
	margin:0;
	padding:5px 10px 5px 0;
	text-align:left;
	font-weight:normal;
	font-size:100%;
	line-height:1.5;
	border-bottom:1px solid #ccc;
	border-collapse: separate;
}

#contact th span{
	display:block;
	padding:3px 0 3px 10px;
	border-left:5px solid #f0f0f0;
}

#contact th span.necessity{
	display:block;
	padding:3px 0 3px 10px;
	border-left:5px solid #F38129;
}


#contact td{
	margin:0;
	padding:10px 10px 10px 10px;
	font-size:100%;
	line-height:1.5;
	background:#fff;
	border-bottom:1px solid #ccc;
	border-collapse: separate;
}

#contact td span{
	color:#c00;
}

#contact td input,
#contact td textarea{
	padding:1px 0 1px 0;
	border:1px solid #000;
	font-size:108%;
	line-height:1.5;
}

#contact td.wakunone input{
	border:none;
}

#contact td textarea{
	margin:10px 0 0 0;
	padding:0;
}

#contact p.policy{
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	font-size:93%;
	line-height:1.5;
	background:url(../images/arrow01.gif) no-repeat 0 50%;
}

.submitBtn{
	display:block;
	width:260px;
	margin:30px auto 0px auto;
	padding:10px 20px;
	background:url(../images/arrow02.png) no-repeat right 50% #F38129;
	border:1px solid #000;
	color:#000;
  behavior: url(css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */cursor: pointer;
	font-size:116%;
	line-height:1.5;
}

.wpcf7-response-output,
.wpcf7-display-none,
.wpcf7-validation-errors{
	margin:30px 0px 0px 0px;
	padding:15px 20px !important;
}

.fb_iframe_widget {
  display: inline-block;
  position: relative;
  overflow: hidden;
}


#popular-post {
  counter-reset: wpp-ranking;
}
/*-- ②③ --*/
#popular-post .box3 .gold:before {
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
}

#popular-post .box3 .gold:nth-child(1)::before {

}
#popular-post .box3 .gold:nth-child(2)::before {
  background-color: rgba(192,192,192,0.8);
}
#popular-post .box3 .gold:nth-of-type(3)::before {
  background-color: rgba(196,112,0,0.8);
}


/* YCD Setting@161024 */
#taboola-below-article-thumbnails-1 {
	padding-top:20px;
}










/*aad2017.05*/
.newsSingle_head{ display: table; width: 100%}
.newsSingle_img{display: table-cell; vertical-align: top; width: 28%; }
.newsSingle_txt{display: table-cell; vertical-align: top;padding-left: 1.5em;}

#detail div.txt{width: auto;}
#detail div.txt p.date{display: inline-block;}
#detail div.txt p.time{display: inline-block; margin: 0 0 0 20px; padding: 0 0 0 24px;}
#detail div.txt ul{width: auto; display: block;}
#detail h1{line-height: 1.2;}
.newsSingle_sns{padding: 10px 0; display: table;}
.newsSingle_sns p{display: table-cell; vertical-align: top;}

.breadcrumbs{ width: 1000px; margin: auto; padding: 16px 0; line-height: 1.8;}
.breadcrumbs .bcTab{display:inline-block; padding: 0 0 0 8px; font-size: 0.9em;}
.breadcrumbs .bcTab a{border: 1px solid #333; padding: 1px 8px; color: #333; border-radius: 3px;}
.breadcrumbs .bcTab a:hover{
  color: #b54f41;
  text-decoration: none;
  background: #ededed;
  }
  
.boost-pagetop{ position: fixed; right: 8px; bottom: 10%; width: 32px; display: none;}
.boost-pagetop a{background: url(../images/btn_pagetop.png) no-repeat 0 0; width: 31px; height: 0; overflow: hidden; padding: 31px 0 0; display: block;}
.boost-pagetop a:hover{opacity: 0.8;}


#pickup div.photo{	margin:0; padding: 0; position: relative; overflow: hidden;border:1px solid #333;}
#pickup div.photo a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: auto;
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
#pickup div.photo a img{
    max-width: 300px;
   max-height: 300px;
    vertical-align: middle;
}
#pickup p{
	position: absolute;
	z-index:10000;
	width:100%;
	margin:0;
	padding:0;
	left:0;
	bottom: 0;
	background-color:rgba(0,0,0,0.6);
	
}

#pickup p a{
	box-sizing: border-box;
	display: block;
	margin:0;
	padding:10px;
	color:#fff;
	font-size: 14px;
	line-height: 1.3;
}

#pickup p a:hover{
	background-color:#F38129;
}

.Sider-SocialBox{margin: 0 0 16px; border: 1px solid #ddd;}
.Sider-SocialBox h3{ background: #2d7ac0; padding: 8px; color: #fff;}
.Sider-SocialBox h3.sideBar-TTL-TW{background: #17cbf1;}
.Sider-SocialBox h3 img{ width: 24px; height: auto; margin: 0 2px 0 0; vertical-align: middle;}
.Sider-SocialBox h3.sideBar-TTL-TW img{margin-right: 6px;}

#ranking{
	margin:30px 0px 0px 0px;
}

#ranking h3{
	padding:10px 0px 10px 50px;
	margin: 0;
	background:url(../images/icon_pickup_title.png) no-repeat 15px 50% #EDEDED;
	border:1px solid #333;
}
#ranking .box3{ display: table; width: 100%; margin: 0 0 0 0; padding: 10px 0; border-bottom: 1px solid #eee; }
#ranking .photo{ display: table-cell; width: 25%; position: relative; vertical-align: middle; padding: 0 0 0 8px;}
#ranking p{ display: table-cell; width: 70%; vertical-align: middle; margin: 0; padding: 0; line-height: 1.5; height: 5em;}
#ranking p a{ display: block; padding: 0 0 0 8px;}
#ranking p a:hover{}
#ranking .box3 span{ display: table-cell; vertical-align: middle; background: #f0f0f0; color: #000; border-radius: 5px; text-align: center; width: 7%; font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; background-position: center center;background-image: url(/images/2017/bg_4th.png)}
#ranking .box3 span.gold{ background-color: linear-gradient(to top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); background-image: url(/images/2017/bg_gold.png);}
#ranking .box3 span.silver{ background-color: linear-gradient(to top, #f6f6f6 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);background-image: url(/images/2017/bg_silve.png)}
#ranking .box3 span.blond{ background-color: linear-gradient(to top, #f3e2c7 0%, #c19e67 50%, #b68d4c 51%, #e9d4b3 100%);background-image: url(/images/2017/bg_blond.png)}


