@charset "utf-8";

/*====================
config setting
====================*/
html, body, div, span,  iframe, h1, h2, h3, h4, h5, h6, p, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section{
  margin:0; padding:0;
  border:0; outline:0;
  vertical-align:baseline;
  background:transparent;
	font-family:Arial, Helvetica, sans-serif, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅";
}
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
body{color:#555555;font-size:12px;}

/*====================
common setting
====================*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{overflow:hidden;}
br.clearboth{clear:both;}

ul,li{list-style:none;}
img{border:none;}

em{font-style:normal;}
.small{font-size:x-small !important;}
a{text-decoration:none;}

.relative{position:relative;}
.none{display:none;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/*====================
layout setting
====================*/
body{background:url(//cdn.joshiplus.jp/t/images/bk.jpg) repeat 0 0;}
#wrapper{
	width:945px;
	margin:20px auto;
}

#mainContents{background-color:#fff;padding:15px 10px;}
#contentsArea{width:595px; margin-bottom:10px;}
#contentsAreaIn{padding:10px; background-color:#fff;}
#sideNaviArea{width:300px; margin:0px 10px 10px 0;}
#sideNaviArea #sideAdd{margin-bottom:10px; position:static;}

/*====================
header setting
====================*/
#global_header{
	background-color:#4b4a47;
	padding-bottom:2px;
}
#global_header img{display:block;}
#header_add{padding-top:2px; background:url(//cdn.joshiplus.jp/t/images/bg_header.png) repeat-x 0 0;}

/*====================
global navi setting
====================*/
#global_navi{height:55px;background:url(//cdn.joshiplus.jp/t/images/bg_global_nav.png) repeat right 0;border-bottom:2px solid #626262;}
#global_navi li{float:left; text-indent:-9999px;}
#global_navi li a{display:block; width:110px; height:55px; background-image:url(//cdn.joshiplus.jp/t/images/global_nav.png); background-repeat:no-repeat;}
#navi02 a{background-position:-110px 0;}
#navi03 a{background-position:-220px 0;}
#navi04 a{background-position:-330px 0;}
#navi05 a{background-position:-440px 0;}
#navi06 a{width:111px !important;background-position:-550px 0;}

/*navi hover*/
#navi01 a:hover{background-position:0 -55px;}
#navi02 a:hover{background-position:-110px -55px;}
#navi03 a:hover{background-position:-220px -55px;}
#navi04 a:hover{background-position:-330px -55px;}
#navi05 a:hover{background-position:-440px -55px;}
#navi06 a:hover{background-position:-550px -55px;}

/*navi active*/
#navi01.active a{background-position:0 -110px;}
#navi02.active a{background-position:-110px -110px;}
#navi03.active a{background-position:-220px -110px;}
#navi04.active a{background-position:-330px -110px;}
#navi05.active a{background-position:-440px -110px;}
#navi06.active a{background-position:-550px -110px;}

/*search form*/
#global_navi form{margin-top:8px;margin-right:10px;}
#global_navi form input[type=text]{width:223px; height:20px; background-color:#b1b1b1; border:0; vertical-align:middle;}
#global_navi form input[type=submit]{width:48px; height:20px; background:url(//cdn.joshiplus.jp/t/images/btn_search.png) no-repeat 0 0; border:0; text-indent:-9999px; vertical-align:middle;}

/*====================
slider setting
====================*/
.vi{background-color:#ededed; padding-bottom:0px; height:385px;}
.flexslider{width:645px;height:374px; position:relative;}
.flexslider .slides > li{display: none; height:350px !important; overflow:hidden;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span{text-transform:capitalize;}
/*----- controler -----*/
.flex-control-nav{
	padding-left:15px;
}
.flex-control-nav li{
	display: inline-block;
	display: inline-block; *display: inline; *zoom: 1;
	width: 35px;
}
.flex-control-nav li a{
	display: block;
	width: 12px; height: 12px;
	background-color: #fdbf00; line-height:1; font-size:0;
	text-indent: -9999px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 1px;	border-radius: 1px;
}
.flex-control-nav li a.active{background-color:#ff0422;}

/* Direction Nav */
.flex-direction-nav li a{width:35px; height:35px; margin:-30px 0 0; display:block; position:absolute; top:50%; cursor:pointer; text-indent:-9999px;opacity:0.5; filter:alpha(opacity=95); -ms-filter: "alpha( opacity=95 )";}
.flex-direction-nav li .next{right:3px; background:url(//cdn.joshiplus.jp/t/images/btn_slider_next02.png) no-repeat 0 0;opacity:0.8; filter:alpha(opacity=95); -ms-filter: "alpha( opacity=95 )";}
.flex-direction-nav li .prev{left:3px; background:url(//cdn.joshiplus.jp/t/images/btn_slider_prev02.png) no-repeat 0 0;opacity:0.8; filter:alpha(opacity=95); -ms-filter: "alpha( opacity=95 )";}
.flex-direction-nav li .disabled{opacity: .3; filter:alpha(opacity=80); cursor: default;}

/*====================
side navi setting
====================*/
#sideAdd{position:absolute; z-index:10;}
#twitterWidget{padding-top:250px; z-index:1; background-color:#bababa;}
.twtr-bd{height:119px !important; overflow:auto;}

/*====================
tab setting
====================*/
/*default setting*/
.ui-tabs{padding:0; zoom:1;}
.ui-tabs .ui-tabs-nav{position: relative; padding: 0;}
.ui-tabs .ui-tabs-hide{display: none !important;}

/*layout setting*/
#tabsList{margin-left:5px;}
#tabsList li{float:left; margin-right:10px; text-indent:-9999px;
border-top:1px solid #c2c0c0;border-left:1px solid #c2c0c0;border-right:1px solid #c2c0c0;}
#tabsList li a{display:block; border-top:2px solid #fdbf00; padding-top:14px; padding-bottom:14px;}
#tabsList li a:hover{border-top:2px solid #ff0422;background-color:#ededed;}
#tabsList li span{display:block;}
#tabsList li.ui-tabs-selected{background-color:#ededed;}
#tabsList li.ui-tabs-selected a{border-color:#ff0422;}

/*tab label setting*/
#tab_all a{padding-left:35px; padding-right:35px;}
#tab_coordinate a{padding-left:5px; padding-right:5px;}
#tab_nail a{padding-left:11px; padding-right:11px;}
#tab_cafe a{padding-left:7px; padding-right:7px;}
#tab_special a{padding-left:19px; padding-right:19px;}
#tab_news a{padding-left:24px; padding-right:24px;}
#tab_snap a{padding-left:24px; padding-right:24px;}
#tab_fortune a{padding-left:19px; padding-right:19px;}
#tab_app a{padding-left:24px; padding-right:24px;}
#tab_iphone a{padding-left:18px; padding-right:18px;}
#tab_sweets a{padding-left:21px; padding-right:21px;}

/*tab default setting*/
#tabsList li span{height:13px; background-image:url(//cdn.joshiplus.jp/t/images/tab_top.png); background-repeat:no-repeat;}
#tab_all span{width:29px; background-position:0 0;}
#tab_coordinate span{width:89px; background-position:-29px 0;}
#tab_nail span{width:76px; background-position:-118px 0;}
#tab_cafe span{width:85px; background-position:-194px 0;}
#tab_special span{width:63px; background-position:-279px 0;}
#tab_news span{width:50px; background-position:-372px 0;}
#tab_snap span{width:50px; background-position:-422px 0;}
#tab_fortune span{width:65px; background-position:-472px 0;}
#tab_app span{width:40px; background-position:-537px 0;}
#tab_iphone span{width:43px; background-position:-579px 0;}
#tab_sweets span{width:57px; background-position:-622px 0;}

/*tab active setting*/
#tab_all a:hover span,
#tab_all.ui-tabs-selected span{background-position:0 -14px;}
#tab_coordinate a:hover span,
#tab_coordinate.ui-tabs-selected span{background-position:-29px -14px;}
#tab_nail a:hover span,
#tab_nail.ui-tabs-selected span{background-position:-118px -14px;}
#tab_cafe a:hover span,
#tab_cafe.ui-tabs-selected span{background-position:-194px -14px;}
#tab_special a:hover span,
#tab_special.ui-tabs-selected span{background-position:-279px -14px;}
#tab_news a:hover span,
#tab_news.ui-tabs-selected span{background-position:-372px -14px;}
#tab_snap a:hover span,
#tab_snap.ui-tabs-selected span{background-position:-422px -14px;}
#tab_fortune a:hover span,
#tab_fortune.ui-tabs-selected span{background-position:-472px -14px;}
#tab_app a:hover span,
#tab_app.ui-tabs-selected span{background-position:-537px -14px;}
#tab_iphone a:hover span,
#tab_iphone.ui-tabs-selected span{background-position:-579px -14px;}
#tab_sweets a:hover span,
#tab_sweets.ui-tabs-selected span{background-position:-622px -14px;}

/*====================
contents Area
====================*/
.contents{background-color:#ededed; padding:10px 0 0 10px;}
.rightblock{width:760px;}

/*contents header*/
#contents_header{padding-right:15px;}
#contents_header h2{border-top:1px dotted #000; border-bottom:1px dotted #000; padding:10px 0; margin:10px 0; line-height:0;}
#contents_header .subttl{margin:12px auto 10px; padding:0; text-align:center;}
/*bread crumbs*/
#breadcrumbs a, #breadcrumbs span{font-size:11px;color:#000;}
#breadcrumbs a:hover{text-decoration: underline;}

.subttl-type{margin:0 auto 15px; padding:0;}

/*pager*/
.pager{width:900px; background-color:#dcdcdc; padding:5px 0; margin-top:15px; margin-bottom:15px; text-align:center;}
.pager a,.pager span,.pager a,.pager em{
	display:inline-block;
	display: inline-block; *display: inline; *zoom: 1;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
	padding:8px 12px; margin-right:20px; color:#fff;
}
.pager a{background-color:#b1b1b1;}
.pager span{background-color:#fdad00;}
.pager em{color:#6a6a6a;}

/*====================
block setting @ contents
====================*/
.block_s,.block_s a{width:142px; height:260px;}
.block_m,.block_m a{width:294px; height:530px;}
.block_l,.block_l a{width:294px; height:530px;}

.label_wrapper{margin:1px 1px 0;}
.label_wrapper span{display:block; height:15px; padding-top:3px; float:left; font-size:10px;line-height:1.1em; color:#fff;}

/*new label*/
.label_wrapper span.new{
	width:34px; text-align:center; background-color:#ff0422;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
}
.label_wrapper span.default{
	width:34px; text-align:center; background-color:#6a6a6a;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
}
/*category label for small*/
span.label{width:95px; background-color:#b1b1b1; float:right; text-align:right; padding-right:10px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
}

/*category label for large*/
.block_l span.label{width:247px;}

/*block setting*/
.block{
	margin-bottom:10px; margin-right:10px; position:relative; overflow:hidden;
	background-color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.block a{display:block;color:#505050;}
.block a:hover{
	filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
.blockIn{clear:both; padding:4px 10px 0; line-height:165%;}
.block h2{padding-bottom:8px; margin-top:5px; margin-bottom:5px; border-bottom:1px dotted #505050; font-size:16px; line-height:150%;}
.block .arrow{position:absolute; bottom:1px; right:2px;}
.block .blocktitle{word-wrap: break-word;font-weight:700; margin-bottom:5px; line-height:140%;}
.block .excerpt{word-break:break-all; word-wrap:break-word; line-height:140%;}
.block .excerpt_big{word-break:break-all; word-wrap:break-word; line-height:1.55em;}

/*thumbnail position*/
.block .thumbnail img{display:block; margin:0 auto;}
.block_s .thumbnail{width:122px; height:100px; margin:4px 0 10px; overflow:hidden;}

/*.block_s .thumbnail{
  display: table-cell;
  height: 100px;
  width: 122px;
  layout-grid-line: 100px;
  vertical-align: middle;
  text-align: center;
}

.block .thumbnail img{
  max-width: 122px;
  width: auto !important;
  width: 122px;
  max-height: 100px;
  height: auto !important;
  height: 100px;
}
/*

.block_m .thumbnail{width:274px; height:225px; margin:4px 0 10px; overflow:hidden;}
.block_l .thumbnail{width:248px; height:225px; margin:4px auto 10px; overflow:hidden;}

/*====================
PR Area
====================*/
#pr{margin-top:20px; background-color:#ededed;}
#pr h3{background-color:#b1b1b1;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#pr h3 span{
	display:block;
	width:54px; height:17px; padding-top:3px;
	text-align:center; background-color:#ff0422; color:#fff; font-weight:normal; font-size:11px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
}
#prIn{padding:10px 0 10px 20px;}

/*pr block setting*/
.pr_block{
	margin-right:10px;
	background-color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #e6e6e6;
}
.pr_block a{
	display:block; text-decoration:none;
	width:275px;
	padding:14px 9px;
}
.pr_block p{line-height:16px; /*color:#4a4a4a;*/ color:#555555;}
.pr_block p.pr_title{color:#ff9900; text-decoration:underline; padding-bottom:3px;}
.pr_block p.pr{padding-right:28px; background:url(//cdn.joshiplus.jp/t/images/icon-pr.png) no-repeat right 10%;}

.pr_block span{
	display:block;
	margin-right:10px;
	width:80px; height:60px;
}
.pr_block span#pr_image2{background-position:-81px 0;}
.pr_block span#pr_image3{background-position:-162px 0;}
.pr_block span#pr_image4{background-position:-243px 0;}
.pr_block span#pr_image5{background-position:-324px 0;}
.pr_block span#pr_image6{background-position:-405px 0;}
.pr_block span#pr_image7{background-position:-486px 0;}

/*====================
Footer Area
====================*/
footer#global_footer{margin-top:20px;}
footer#global_footer a:hover{text-decoration:underline;}

/*footer contents*/
nav#footer_contents{border-top:1px solid #3f3f3f; border-bottom:1px solid #686868; padding:10px 20px; color:#686868;}
nav#footer_contents h3{padding-left:20px; margin-bottom:10px; font-size:13px;}
nav#footer_contents a{color:#686868;}
nav#footer_contents ul{padding-right:35px;}/*<!--padding-right:25px;-->*/
nav#footer_contents ul.lastchild{padding-right:0;}
nav#footer_contents li{font-size:11px; line-height:1.6em;}

/*oricon style*/
#footer_style h3{background:url(//cdn.joshiplus.jp/t/images/icon_style.png) no-repeat 0 0;}

/*oricon ranking*/
#footer_ranking h3{background:url(//cdn.joshiplus.jp/t/images/icon_ranking.png) no-repeat 0 0;}

/*footer utility*/
#footer_utility{margin-top:20px; background-color:#3f3f3f; padding:10px 0 0; text-align:center; color:#fff;}
#footer_utility p{padding-bottom:10px;}
#footer_utility a{color:#fff;}

/*footer sitemapy*/
.section-footer-sitemap{margin:20px auto 0; padding:0; width:100%; background:#fff; border-top:3px solid #9a9377; display:block;}
.section-footer-sitemap .category{margin:0 auto; padding:20px 0 12px 20px; width:925px; border-bottom:1px solid #ededed; display:block;}
.section-footer-sitemap .category a{color:#555; text-decoration:none;}
.section-footer-sitemap .category a:hover{text-decoration:underline;}
.section-footer-sitemap .list-category{margin:0 auto; padding:0 55px 0 0; float:left; display:block;}
.section-footer-sitemap .list-category h4{margin:0 0 10px 0; padding:0; font-size:12px; line-height:140%; font-weight:bold;}
.section-footer-sitemap .list-category ul{margin:0; padding:0;}
.section-footer-sitemap .list-category li{margin:0 0 8px 0;}

/*footer groupsite*/
.section-groupsite{margin:0 auto; padding:5px 0; width:100%; background:#fff; text-align:center; display:block;}
.section-groupsite .list-groupsite{margin:0 auto; padding:10px 0 0 0; text-align:center;}
.section-groupsite .list-groupsite ul{margin:0 auto; padding:0; display:inline-block;}
.section-groupsite .list-groupsite li{margin:0 0 0 30px; padding:0; height:29px; list-style:none; float:left;}
.section-groupsite .list-groupsite li:first-child{margin:0;}
.section-groupsite .unit-sitelink{margin:0 auto; padding:12px 0 4px 0; font-size:12px; line-height:110%; display:inline-block;}
.section-groupsite .unit-sitelink li{margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #9d9d9d; list-style:none; float:left;}
.section-groupsite .unit-sitelink li a{font-size:12px; line-height:140%; color:#555; text-decoration:none;}
.section-groupsite .unit-sitelink li a:hover{text-decoration:underline;}
.section-groupsite .unit-sitelink li:first-child{margin:0; padding:0; border-left:none;}
.section-groupsite .txt-copyright{margin:0; padding:0; font-size:12px; line-height:140%; color:#9d9d9d;}

/*==================
SNS button
==================*/
#sns{margin-top:15px;width:300px;float:left;}
#sns a,#sns span,#sns iframe,#sns #___plusone_0{vertical-align:top !important;}
#sns{padding-left:5px; padding-bottom:10px;}
#sns a{vertical-align:middle;display:inline-block;}
#sns img{margin-right:15px;}
.likeCountArrow, .tweetCountArrow{visibility: hidden;}
.likeCount,.tweetCount{display:inline-block; padding-right:3px;}

/*==================
question sns
==================*/
.question-snswrap{margin:0; padding:0; width:300px; height:100px; background:#fff;}
.questionttltxt{margin:10px 18px 0 18px; padding:0; width:264px;}
.questionttltxt img{margin:0px 10px 0 17px; padding:0; float:left;}
.questionttltxt p{margin:0; padding:0; font-size:13px; line-height:160%; color:#555; font-weight:bold; float:left;}
.questionbtn{margin:8px 14px 12px 35px; padding:0;}
.questionbtn .vote{margin:0 14px 0 0; padding:0; float:left;}
.questionbtn .result{margin:0; padding:0; float:left;}
.question-snswrap ul{margin:15px 0 0 66px; padding:0; width:168px;}
.question-snswrap li{margin:0 30px 0 0; padding:0; width:36px; list-style:none; float:left;}
.question-snswrap li:last-child{margin:0;}

.right-questionwrap{margin:0; padding:0; width:300px; background:#fff;}
.right-snswrap{margin:7px 0 10px 0; padding:0; width:300px; background:#fff;}
.right-snswrap ul{margin:10px 0 0 66px; padding:0; width:168px;}
.right-snswrap li{margin:0 30px 10px 0; padding:0; width:36px; list-style:none; float:left;}
.right-snswrap li:last-child{margin:0 0 10px 0;}

a:hover img.q-sns{opacity: 0.5; filter: alpha(opacity=50);}


.sideNaviBlockIncafesweets{margin:0; padding:5px 0 0 10px; width:290px;}
.sideNaviBlockIncafesweets img{margin:0 5px 0 0; padding:0; width:138px;}


/* News tag */
#contentsAreaIn .block-tags{
  margin:30px auto 0 !important;
  display:block;
}

#contentsAreaIn .block-tags dl {
  width: 100%;
}

#contentsAreaIn .block-tags dl:after {
  content: '';
  display: table;
  clear: both;
}

#contentsAreaIn .block-tags dl dt {
    position: relative;
    float: left;
    width: 5em;
	font-size:13px;
    font-weight: bold;
}

#contentsAreaIn .block-tags dl dt .icon-tag {
    top: -3px;
    margin-right: 5px;
	display: inline-block;
}	

#contentsAreaIn .icon-tag {
    width: 21px;
    height: 21px;
    background: url(//contents.oricon.co.jp/pc/img/_parts/icon/icon-tag01.png) no-repeat 0 50%;
    vertical-align: middle;
}

#contentsAreaIn .block-tags dl dd {
  margin-left: 4.5em;
}

#contentsAreaIn .block-tags dl .list-tags {
  line-height: 1;
}

#contentsAreaIn .block-tags dl .list-tags ul li {
    width: auto;
	height: 20px;
	background:none;
	border:none;
	box-shadow:none;
}

#contentsAreaIn .block-tags dl .list-tags li {
  display: inline-block !important;
  margin: 0 4px 5px 0;
  line-height: 1;
}

#contentsAreaIn .block-tags dl .list-tags li a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
    border-radius: 30px;
    background-color: #555;
    color: #FFF;
    text-decoration: none;
	font-size:13px;
	font-weight:bold;
}

#contentsAreaIn .block-tags dl .list-tags li a:hover {
  background-color: #FDAD00;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.icon-zoom {
	background: url(//cdn.joshiplus.jp/img/icon/icon-zoom01.png) no-repeat 10px;
}