@charset "utf-8";
/*
Theme Name: NeoL2016
Theme URI: http://neol.jp
Description: NeoL 2016.09.20
Author: STOP.inc
Author URI: http://stop.co.jp/
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: neol
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

/*margin & padding*/
/*size*/
/*color*/
/*img　size*/
.wide {
  width: 640px; }

.half {
  width: 315px; }

.extraWide {
  width: 980px; }

.extraHalf {
  width: 470px; }

/*-------    intiarize -------*/
/* bloger */
.blogerInfo.withImg .thumImg {
  width: 100px; }

#blogCon .thumImg {
  width: 60px; }

.relatedArticle .thumImgWrapper {
  width: 148px; }

img {
  vertical-align: middle; }

/*tag*/
/*--------------global--------------*/
html {
  width: 100%;
  min-width: 1000px;
  margin: 0; }

body {
  width: 100%;
	min-width: 1220px;
  margin: 0;
  font-size: 13px;
  color: #242A30;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
@media screen and (max-width:640px){
	html,
	body {
		min-width: 100%;
		min-height: 100%;
	}
}

body a {
  text-decoration: none;
  color: #242A30;
}

hr {
  /*hr reset*/
  margin: 0;
  padding: 0;
  font-size: 0;
  border-bottom: 0; }

.left, .pagerImg ul li.previous span, .releaseBox ul li section .releaseImg, .releaseBox ul li section .detailInfo, .howToBox section.outLine .completionImg {
  float: left; }
@media screen and (max-width:640px){
  #main.left {
		float: none;
  }
}

.right, .pagerImg ul li.next span, .howToBox section.outLine .preparedList {
  float: right; }
@media screen and (max-width:640px){
.right {
	float: none;
  }
}

.center {
  text-align: center; }

.frame img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cccccc; }

.clearfix, .relatedInfo .relatedArticle.withImg, .adList .relatedArticle.withImg, .columCon, .columPtrn02 article, .columPtrn03 article, .categoryTop .articleCon article, .columPtrn02, .columPtrn03, .howToBox section.outLine, footer, #right #infoCon.articleCon article, #right #blogCon.articleCon article, #right #dogCon.articleCon article, #main #news .articleCon article, .categoryTop .articleCon, #main #colum .endImg, #main #blog .blogerProf, #main #blog .blogerProf section, .blogerInfo, .blogerInfo section {
  overflow: hidden;
  *zoom: 1; }

.new {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
  .new:after {
    content: "New";
    margin-left: 10px;
    background: #eeb298;
    -moz-border-radius: 0px / 0px;
    -webkit-border-radius: 0px 0px;
    border-radius: 0px / 0px;
    padding: 0 3px 0;
    color: #fff; }

.tagGroup {
  position: absolute;
  bottom: 0; }
  .tagGroup li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 5px;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  .tagGroup li:first-child {
  	margin-left: 0;
  }
    .tagGroup li a {
	min-width: 68px;
	font-size: 11px;
	font-weight: 500;
	font-family:Roboto,Helvetica, Arial, sans-serif;
      height: 20px;
      line-height: 20px;
      box-sizing: border-box;
      display: block;
      background: #FFF;
      color: #242a30;
      border: 1px solid #242a30;
      padding: 0 4px;
      margin: 0 5px 5px 0; }
      .tagGroup li a:hover {
      color: #cfcfcf;
      border: 1px solid #cfcfcf;
      }
@media screen and (max-width:640px){
	    .tagGroup li {
	    	margin-left: 2px;
	    }
	    .tagGroup li a {
		font-size: 10px!important;
		margin: 0 0 0 0;
		-webkit-text-size-adjust: 100%;
		min-width: 50px;
		height: 16px;
		line-height: 16px;
	}
}


#searchForm {
  position: relative; }
  #searchForm input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;}
  #searchForm label {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px 5px; }

    #searchForm label img {
      width: 100%;
      height: 100%; }

.snsFollow li {
  margin-left: 5px; }
.snsFollow li a {
  display: block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  text-indent: -9999px;
  background: url('img/parts/sns_follow.png');
  text-align: justify; }
.snsFollow li.facebook a {
  background-position: 0 0; }
.snsFollow li.twitter a {
  background-position: -31px 0; }
.snsFollow li.google_plus a {
  background-position: -62px 0; }

.snsPost {
  text-align: right; }
  .snsPost li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
    .snsPost li#tweet iframe.twitter-share-button {
      width: 90px !important; }

.title h3 {
  font-size: 150%;
  line-height: 125%; }
.title time {
  display: block;
  font-size: 84%;
  line-height: 209%; }
.title .tagGroup {
  position: relative; }

.toParent {
  background: url('img/parts/arrow_s.jpg') 0 -45px no-repeat;
  position: absolute;
  line-height: 15px;
  font-size: 15px; }
  .toParent a {
    display: block;
    padding-left: 30px; }

.toPageTop {
  background: url('img/parts/arrow_s.jpg') 85px 0 no-repeat;
  position: absolute;
  font-size: 15px;
  line-height: 15px; }
  .toPageTop a {
    display: block;
    padding-right: 30px; }

.pagerNav {
  position: relative;
  line-height: 150%; }
  .pagerNav hr {
    margin-bottom: 15px; }
  .pagerNav ul {
    text-align: right;
    letter-spacing: 1em; }
    .pagerNav ul li {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      line-height: 167%; }
      .pagerNav ul li a {
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        letter-spacing: 0px; }
    .pagerNav ul li.active a {
      background: #eeb298;
      color: #fff; }
    .pagerNav ul li.previous a, .pagerNav ul li.next a {
      width: 100%; }

.pagerImg ul {
  letter-spacing: -4px; }
  .pagerImg ul li {
    letter-spacing: 0;
    background-color: #eeb298;
    width: 315px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 134%;
    line-height: 117%; }
    .pagerImg ul li a {
      display: block;
      color: #fff; }
      .pagerImg ul li a img.thmb {
        width: 30%;
        margin: 3px; }
    .pagerImg ul li span {
      vertical-align: middle;
      width: 164.5px;
      margin: 8px 0;
      overflow: hidden; }
  .pagerImg ul li.previous {
    margin-right: 20px;
    background: url('img/parts/arrow_l_left.png') 10px no-repeat #eeb298; }
    .pagerImg ul li.previous span {
      padding-left: 46px; }
  .pagerImg ul li.next {
    background: url('img/parts/arrow_l_right.png') no-repeat #eeb298;
    background-position: calc(100% - 10px) center;
    background-position: -webkit-calc(100% - 10px) center;
    background-position: -moz-calc(100% - 10px) center; }
    .pagerImg ul li.next span {
      padding-right: 46px; }

#globalWrapper {
  width: 940px;
  padding-top: 84px;
  margin: 0 auto; }

@media screen and (max-width:640px){
	#globalWrapper {
		width: 94%;
		padding-top: 70px;
		margin: 0 auto;
	}
}

.home #globalWrapper {
	padding-top: 0;
}
a {
  color: #242A30; }
  a:hover {
    color: #828384; }

time {
  color: #828384;
  font-size: 11px;
  font-family:Roboto,Helvetica, Arial, sans-serif;
 }

/*--------------common--------------*/
.headlineHr h2 {
  font-size: 217%;
  letter-spacing: 0.6px; }
.headlineHr h4 {
  font-size: 134%; }
.headlineHr h2 span.subTitle, .headlineHr h4 span.subTitle {
  font-size: 48%;
  letter-spacing: 0; }
  .headlineHr h2 span.subTitle:before, .headlineHr h4 span.subTitle:before {
    content: "　"; }
.headlineHr hr {
  margin: 0 0 15px 0; }

.articleCon {
  word-wrap: word-break;
  word-break: break-all; }
  .articleCon article {
    margin-right: 20px; }
    .articleCon article:last-child {
      margin-right: 0; }
  .articleCon a {
    display: block; }

#right .articleCon article {
  margin-right: 0; }

a.hilightLink {
  color: #eeb298;
  cursor: pointer; }
  a.hilightLink:hover {
    color: #eeb298;
    text-decoration: underline; }

.list {
  display: block;
  border-top: 1px solid #cccccc;
  padding: 15px 0; }
  .list .articleTitle {
    font-size: 117%;
    line-height: 234%;
    font-weight: bold; }
  .list time {
    font-size: 84%;
    line-height: 209%; }
  .list .articleSummary {
    font-size: 100%;
    line-height: 134%; }

.boxHr {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px; }

  .relatedInfo .relatedArticle time, .adList .relatedArticle time {
    font-size: 84%; }
  .relatedInfo .relatedArticle .articleTitle, .adList .relatedArticle .articleTitle {
    font-weight: bold; }
  .relatedInfo .relatedArticle.withImg, .adList .relatedArticle.withImg {
    word-wrap: word-break;
    word-break: break-all;
    width: 100%;
    height: 75px;
    margin-bottom: 10px; }
    .relatedInfo .relatedArticle.withImg .thumImgWrapper, .adList .relatedArticle.withImg .thumImgWrapper {
      background: #cccccc;
      width: 148px;
      max-height: 75px;
      margin-right: 10px;
      text-align: center;
      float: left; }
    .relatedInfo .relatedArticle.withImg time, .adList .relatedArticle.withImg time {
      display: block;
      line-height: 84%; }
    .relatedInfo .relatedArticle.withImg .articleTitle, .adList .relatedArticle.withImg .articleTitle {
      width: 70%;
      height: 2.84em;
      padding: 3px 0;
      font-size: 109%;
      line-height: 142%;
      overflow: hidden; }
    .relatedInfo .relatedArticle.withImg .articleSummary, .adList .relatedArticle.withImg .articleSummary {
      display: none;
      font-size: 100%;
      line-height: 184%; }
    .relatedInfo .relatedArticle.withImg .tagGroup, .adList .relatedArticle.withImg .tagGroup {
      position: relative;
      float: left; }
  .relatedInfo .relatedArticle.noImg, .adList .relatedArticle.noImg {
    margin-bottom: 15px; }
    .relatedInfo .relatedArticle.noImg .thumImg, .adList .relatedArticle.noImg .thumImg {
      display: none; }
    .relatedInfo .relatedArticle.noImg time, .adList .relatedArticle.noImg time {
      margin-right: 20px;
      float: left; }
    .relatedInfo .relatedArticle.noImg .articleSummary, .adList .relatedArticle.noImg .articleSummary {
      display: none; }
    .relatedInfo .relatedArticle.noImg .tagGroup, .adList .relatedArticle.noImg .tagGroup {
      display: none; }

.columCon, .columPtrn02 article, .columPtrn03 article, .categoryTop .articleCon article {
  margin-bottom: 30px; }

.columPtrn02 article {
  position: relative;
  width: 315px;
  height: 22em;
  margin-right: 20px;
  float: left; }
  .columPtrn02 article:last-child {
    margin-right: 0; }

.columPtrn03 article {
  position: relative;
  width: 203.33333px;
  height: 17em;
  margin-right: 20px;
  float: left; }
  .columPtrn03 article:last-child {
    margin-right: 0; }

.releaseBox ul {
  font-size: 1px;
  letter-spacing: -webkit-calc(20px - 4px);
  letter-spacing: -moz-calc(20px - 4px);
  letter-spacing: calc(20px - 4px); }
  .releaseBox ul li * {
    font-size: 100%;
    line-height: 134%; }
  .releaseBox ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-bottom: 15px;
    font-size: 12px;
    letter-spacing: 0px;
    vertical-align: top; }
    .releaseBox ul li h5 {
      font-size: 109%;
      line-height: 125%;
      font-weight: bold;
      margin: 0 5px 5px 0; }
    .releaseBox ul li .prof, .releaseBox ul li section .releaseImg, .releaseBox ul li .eventAndShopInfoBox span.link, .eventAndShopInfoBox .releaseBox ul li span.link, .releaseBox .eventAndShopInfoBox ul li .impressImg, .eventAndShopInfoBox .releaseBox ul li .impressImg, .releaseBox ul li .howToBox span.link, .howToBox .releaseBox ul li span.link, .releaseBox .howToBox ul li .impressImg, .howToBox .releaseBox ul li .impressImg {
      margin: 0 5px 5px 0; }
    .releaseBox ul li span.link {
      display: block;
      margin: 15px 5px 5px 0;
      clear: both; }
    .releaseBox ul li .hilightLink {
      display: block;
      clear: both; }
    .releaseBox ul li section {
      padding-top: 5px; }
      .releaseBox ul li section .releaseImg {
        max-width: 50%; }
      .releaseBox ul li section .detailInfo {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
        font-size: 100%; }
  .releaseBox ul li.wide section .releaseImg {
    max-width: 25%; }
  .releaseBox ul li.wide section .detailInfo {
    width: -webkit-calc(75% - 5px);
    width: -moz-calc(75% - 5px);
    width: calc(75% - 5px); }

.eventAndShopInfoBox {
  margin-bottom: 15px; }
  .eventAndShopInfoBox h5 {
    font-size: 109%;
    line-height: 125%;
    font-weight: bold;
    margin: 0 5px 5px 0; }
  .eventAndShopInfoBox .detailInfo {
    font-size: 109%;
    line-height: 184%; }
  .eventAndShopInfoBox span.link {
    display: block;
    margin-bottom: 20px; }
  .eventAndShopInfoBox ul {
    font-size: 0; }
    .eventAndShopInfoBox ul li {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: -webkit-calc(25% - 5px);
      width: -moz-calc(25% - 5px);
      width: calc(25% - 5px);
      padding-top: 5px;
      margin-right: 5px; }
      .eventAndShopInfoBox ul li .impressImg {
        width: 100%; }

.howToBox h4 {
  font-family: Adobe Caslon Pro,'HG明朝E',Georgia,Goudy Old Style,'ＭＳ Ｐ明朝',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 134%;
  line-height: 184%; }
.howToBox h5 {
  font-size: 150%;
  line-height: 200%;
  font-weight: bold;
  margin: 0 5px 5px 0; }
.howToBox section.outLine {
  background: #fae6dc;
  padding: 10px;
  margin-bottom: 30px; }
  .howToBox section.outLine .preparedList {
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    font-size: 100%;
    line-height: 159%; }
    .howToBox section.outLine .preparedList span.preparedTitle {
      display: block;
      font-size: 117%;
      line-height: 200%;
      font-weight: bold; }
.howToBox span.link {
  display: block;
  margin-bottom: 20px; }
.howToBox ul {
  font-size: 0;
  margin-bottom: 30px; }
  .howToBox ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    vertical-align: top;
    width: -webkit-calc(25% - 5px);
    width: -moz-calc(25% - 5px);
    width: calc(25% - 5px);
    padding-top: 5px;
    margin-right: 5px;
    font-size: 12px; }
    .howToBox ul li img.num {
      position: absolute; }
    .howToBox ul li .impressImg {
      width: 100%; }
    .howToBox ul li p {
      font-size: 92%;
      line-height: 167%;
      margin: 5px 0 10px; }
.howToBox p.comment {
  margin-bottom: 30px;
  font-size: 109%;
  line-height: 217%; }

.bannerCon {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }

.squareList {
  font-size: 0; }
  .squareList .squareBox {
    width: 140px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 12px;
    text-align: center;
    vertical-align: top; }
@media screen and (max-width:640px){
	  .squareList .squareBox  {
	width: 49%;
	margin-right: 2%;
	}
}
    .squareList .squareBox .thumImg {
      width: 100%;
      height: 100%; margin-bottom: 5px;}
    .squareList .squareBox .subjectName {
      margin-top: 0.2em;
      line-height: 134%; }
    .squareList .squareBox .subTxt {
      display: block;
      font-size: 84%;
      margin-bottom: 0.5em; }

.blogersList.squareList .squareBox .periodTxt {
  display: none; }
.blogersList.squareList .squareBox:nth-child(6n) {
  margin-right: 0; }
@media screen and (max-width:640px){
.blogersList.squareList .squareBox:nth-child(2n) {
  margin-right: 0; }
}

.horoscopeList.squareList .squareBox time {
  display: none; }
.horoscopeList.squareList .squareBox .subTxt {
  display: none; }
.horoscopeList.squareList .squareBox:nth-child(4n + 1) {
  margin-right: 0; }
  
  @media screen and (max-width:640px){
.horoscopeList.squareList .squareBox:nth-child(4n + 1) {
  margin-right: 0; }
  .horoscopeList.squareList .squareBox:nth-child(2n + 1) {
  margin-right: 0; }
}


/*=======================================
Header
========================================*/
header {
	width: 100%;
	min-width: 1220px;
	height: 60px;
	position: fixed;
	z-index: 20;
	box-sizing: border-box;
	background: #FFF;
	border-bottom: 1px solid rgba(249,249,249,.5);
}
@media screen and (max-width:640px){
	header {
		min-width: 100%;
		height: 54px;
	}
	body.openmenu header {
		position: static;
	}
}
header .inner {
	width: 1220px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width:640px){
	header .inner {
		width: 100%;
		height: auto;
	}
}
header .inner:after {
	display: block;
	clear: both;
	content: '';
}
header .inner h1#logo {
	width: 79px;
	height: 24px;
	float: left;
	margin: 0 46px 0 0;
	padding: 18px 0 17px;
}
@media screen and (max-width:640px){
	header .inner h1#logo {
		margin: 0 auto;
		float: none;
		padding: 14px 0 10px;
	}
}
header .inner h1#logo a {
	width: 79px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/header_logo.png) no-repeat 0 0;
	background-size: cover;
}
header #spmenu h2#logo,
#closeBtn,
#navBtn {
	display: none;
}
@media screen and (max-width:640px){
	header #spmenu {
		width: 100%;
		background: #f2f2f2;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		z-index: 30;
	}
	header #spmenu.block {
		display: block;
		overflow-y:auto;
		min-height: 100%;
		height: 100%;
	}
	header #spmenu.block:after {
		display: block;
		content:'';
		height: 47px;
		width: 100%;
		position: absolute;
		top: 0;
		background-color: #FFF;
	}
	#navBtn {
		display: block;
		width: 30px;
		height: 21px;
		position: absolute;
		top: 16px;
		left: 4%;
		background: url(img/sp_icon-open.png);
		background-size: cover;
		overflow: hidden;
		text-indent: -9999px;
	}
	#closeBtn {
		display: block;
		width: 24px;
		height: 23px;
		z-index: 20;
		position: absolute;
		top: 16px;
		left: 2%;
		background: url(img/sp_icon-close.png);
		background-size: cover;
		overflow: hidden;
		text-indent: -9999px;
	}
	header #spmenu h2#logo {
		padding: 14px 0 14px;
		height :54px;
		display: block;
		background-color: #FFF;
		box-sizing: border-box;
	}
	header #spmenu h2#logo a {
		width: 79px;
		height: 24px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		background: url(img/header_logo.png) no-repeat 0 0;
		background-size: cover;
		z-index: 40;
		position: relative;
		margin: 0 auto;
	}
}

header .inner #g_nav {
	height: 24px;
	float: left;
	display: inline-block;
	position: relative;
}
@media screen and (max-width:640px){
	header .inner #g_nav {
		width: 100%;
		height: auto;
		float: none;
	}
}
header .inner #g_nav li {
	display: inline-block;
	margin-left: 16px;
	line-height: 17px;
	font-size: 0;
}
header .inner #g_nav li.spmenu_link {
	display: none;
}
@media screen and (max-width:640px){
	header .inner #g_nav li {
		display: block;
		margin-left: 0;
		padding: 0;
		line-height: auto;
	} 
	header .inner #g_nav li.spmenu_link {
		display: block;
	}
}
header .inner #g_nav > li > a {
	display: block;
	height: 60px;
	padding: 26px 0 17px;
	box-sizing: border-box;
}
@media screen and (max-width:640px){
	header .inner #g_nav > li > a {
		height: 60px;
		line-height: 60px;
		padding: 0 2% 0;
		border-bottom: 1px solid #cfcfcf;
	}
}

header .inner #g_nav > li.current > a,
header .inner #g_nav> li > a:hover {
	border-bottom: 2px solid #242a30;
}
header .inner #g_nav li  a {
	font-size: 14px;
	color: #242a30;
	font-weight: 400;
	font-family:Roboto,Helvetica, Arial, sans-serif;
	text-decoration: none;
}

/*drop down menu*/
header .inner #g_nav li #cate_inner-menu {
	background: rgba(255,255,255,.8);
	position: absolute;
	display: none;
}
@media screen and (max-width:640px){
	header .inner #g_nav li #cate_inner-menu {
		width: 100%;
		display: block;
		position: static;
		padding: 0;
		background: none;
	}
}
header .inner #g_nav li #cate_inner-menu li {
	margin: 0;
	height: 38px;
}
header .inner #g_nav li #cate_inner-menu li a {
	width: 86px;
	height: 38px;
	display: block;
	padding: 0 20px;
	line-height: 38px;
}
@media screen and (max-width:640px){
	header .inner #g_nav li #cate_inner-menu li {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	header .inner #g_nav li #cate_inner-menu li a {
		width: 100%;
		display: block;
		height: 60px;
		line-height: 60px;
		padding: 0 2% 0;
		box-sizing: border-box;
		border-bottom: 1px solid #cfcfcf;
	}
	header .inner #g_nav li a#catemenu_btn {
		display: none;
	}
}

header .inner #g_nav li #cate_inner-menu li  a:hover {
	background-color: #828384;
}

header .inner #snsLink {
	float: right;
	display: inline-block;
	padding: 11px 0 17px;
}
@media screen and (max-width:640px){
	header .inner #snsLink {
		float: none;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 10px 4% 20px;
	}
}
.inner #snsLink li {
	display: inline-block;
	margin-left: 5px;
	margin-top: 10px;
}
@media screen and (max-width:640px){
	header .inner #snsLink li {
	margin-left: 20px;
	}
	header .inner #snsLink li:nth-child(7) {
	margin-right: 14%;
	margin-left: 20px;
	}
	.inner #snsLink li:nth-child(8) {
	margin-left: 0;
	}
	header .inner #snsLink li:nth-child(9) {
	margin-top: 20px;
	}
}
.inner #snsLink li:first-child {
	margin-left: 0;
}
.inner #snsLink li:last-child {
	margin-left: 20px;
}
footer .inner #snsLink li:last-child {
	margin-left: 5px;
}
@media screen and (max-width:640px){
	.inner #snsLink li:last-child {
		margin-left: 5px;
	}
}
.inner #snsLink li a {
	background-image: url(img/sns.png);
	background-repeat : no-repeat;
	display: block;
	height: 22px;
	width: 20px;
	text-indent: -9999px;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.inner #snsLink li a {
		background-image: url(img/sp_sns.png);
		background-repeat : no-repeat;
		background-size: cover;
		display: block;
		height: 20px;
		width: 20px;
	}
}
.inner #snsLink li.sns1 a {
	width: 16px;
	background-position:  0 0;
}
.inner #snsLink li.sns2 a {
	width: 8px;
	background-position:  -26px 0;
}
.inner #snsLink li.sns3 a {
	width: 16px;
	background-position:  -43px 0;
}
.inner #snsLink li.sns4 a {
	width: 12px;
	background-position:  -69px 0;
}
.inner #snsLink li.sns5 a {
	width: 15px;
	background-position:  -91px 0;
}
.inner #snsLink li.sns6 a {
	width: 16px;
	background-position:  -115px 0;
}
.inner #snsLink li.sns7 a {
	width: 22px;
	background-position:  -141px 0;
}
.inner #snsLink li.sns8 a {
	width: 16px;
	background-position:  -171px 0;
}
.inner #snsLink li.sns9 {
	margin-left: 0;
	display: none;
}
.inner #snsLink li.sns9 a {
	width: 16px;
	background-position:  -196px 0;
}
.inner #snsLink li.sns10 a {
	width: 13px;
	background-position:  -220px 0;
}
.inner #snsLink li.search a {
	background-position:  -252px 0;
}
/*hover*/
.inner #snsLink li.sns1 a:hover {
	background-position:  0 -24px;
}
.inner #snsLink li.sns2 a:hover {
	background-position:  -26px -24px;
}
.inner #snsLink li.sns3 a:hover {
	background-position:  -43px -24px;
}
.inner #snsLink li.sns4 a:hover {
	background-position:  -69px -24px;
}
.inner #snsLink li.sns5 a:hover {
	background-position:  -91px 0;
}
.inner #snsLink li.sns6 a:hover {
	background-position:  -115px -24px;
}
.inner #snsLink li.sns7 a:hover {
	background-position:  -141px -24px;
}
.inner #snsLink li.sns8 a:hover {
	background-position:  -171px 0;
}
.inner #snsLink li.sns9 a:hover {
	background-position:  -196px -24px;
}
.inner #snsLink li.sns10 a:hover {
	background-position:  -220px -24px;
}
.inner #snsLink li.search a:hover {
	background-position:  -252px -24px;
}

@media screen and (max-width:640px){
	.inner #snsLink li.sns1 a:hover,
	.inner #snsLink li.sns1 a {
		width: 20px;
		background-position:  0 0;
	}
	.inner #snsLink li.sns2 a:hover,
	.inner #snsLink li.sns2 a {
		width: 11.5px;
		background-position:  -42px 0;
	}
	.inner #snsLink li.sns3 a:hover,
	.inner #snsLink li.sns3 a {
		width: 20px;
		background-position:  -74px 0;
	}
	.inner #snsLink li.sns4 a:hover,
	.inner #snsLink li.sns4 a {
	width: 17.5px;
	background-position:  -116px 0;
	}
	.inner #snsLink li.sns5 a:hover,
	.inner #snsLink li.sns5 a {
		width: 20px;
		background-position:  -154px 0;
	}
	.inner #snsLink li.sns6 a:hover,
	.inner #snsLink li.sns6 a {
		width: 21px;
		background-position:  -196px 0;
	}
	.inner #snsLink li.sns7 a:hover,
	.inner #snsLink li.sns7 a {
		width: 28px;
		background-position:  -239px 0;
	}
	.inner #snsLink li.sns8 a:hover,
	.inner #snsLink li.sns8 a {
		width: 20px;
		background-position:  0 0;
		background-image: url(img/sp_sns8.png);
	}
	.inner #snsLink li.sns9 a:hover,
	.inner #snsLink li.sns9 a {
		width: 20px;
		background-position:  -286px 0;
	}
	.inner #snsLink li.sns10 a:hover,
	.inner #snsLink li.sns10 a {
		width: 20px;
		background-position:  -328px 0;
	}
}

header .search_bx {
	width: 100%;
	height: 54px;
	position: absolute;
	display: none;
	left: 0;
	top: 60px;
}

#sp_copy {
	display: none;
}
@media screen and (max-width:640px){
	#sp_copy {
		display: block;
		text-align: center;
		margin: 20px 0;
	}
}
.sp_search {
	display: none;
}
@media screen and (max-width:640px){
	.sp_search {
		display: block;
	}
	.inner #snsLink li.search_btn {
		display: none;
	}
	.sp_search .search_btn {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 14px;
		right: 4%;
		background: url(img/sp_icon-search.png) no-repeat 0 0;
		background-size: cover;
		overflow: hidden;
		text-indent: 100%;
	}
	header  .search_bx {
		width: 100%;
		left: 0;
		top: 47px;
		margin-left: 0;
	}
}
header  .search_bx form {
	margin: 0;
	padding: 0;
	/*background: rgba(255,255,255,.8);*/
	background-color: #e7e7e7;
	box-sizing: bider-box;
}
@media screen and (max-width:640px){
	header  .search_bx form {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}
}
header  .search_bx input[type="text"] {
	width: 100%;
	height: 54px;
	border: 0;
	text-align: center;
	color: #cfcfcf;
	font-size: 16px;
	line-height: 54px;
	box-sizing: border-box;
	background-color:transparent;
	margin: 0 auto;
}
header  .search_bx input[type="text"]:focus {
	color: #242a30;
	cursor:text;
	background-color:transparent;
}

@media screen and (max-width:640px){
	header  .search_bx input[type="text"] {
		width: 100%;
		padding: 0;
	}
}
header  .search_bx label {
	display: none;
}
header  .search_bx input::-webkit-input-placeholder {
	color: #7C8288;
}
header  .search_bx input:-moz-placeholder {
	color: #7C8288;
}
header  .search_bx input:focus::-webkit-input-placeholder {
	color: transparent;
}
header  .search_bx input:focus::-moz-placeholder {
	color: transparent;
}


header #corp_nav {
	display: none;
}
@media screen and (max-width:640px){
	header #corp_nav {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	header #corp_nav li:first-child {
		border-top: 1px solid #cfcfcf;
	}
	header #corp_nav > li > a {
		width: 100%;
		line-height: 60px;
		height: 60px;
		border-bottom: 1px solid #cfcfcf;
		font-size: 14px;
		color: #242a30;
		font-size: 16px;
		text-decoration: none;
		display: block;
		font-weight: 400;
		padding: 0 2%;
		box-sizing: border-box;
		font-family:Roboto,Helvetica, Arial, sans-serif;
	}
}

/*--------------main--------------*/
#main {
  width: 620px;
  margin: 0 30px globalMrgnBttom 0; }

@media screen and (max-width:640px){
	#main {
		width: 96%;
		margin: 0 auto;
	}
}
.search #main,
.page-template-latest-php #main,
.post-type-archive-blog #main,
.archive #main,
.home #main {
  width: 940px;
  margin: 0 30px globalMrgnBttom 0; 
}
@media screen and (max-width:640px){
	.search #main,
	.page #main,
	.post-type-archive-blog #main,
	.archive #main,
	.home #main {
		width: 100%;
		margin: 0 auto;
	}
}
.post-type-archive-blog #main.left,
.post-type-archive-horoscope #main {
  width: 620px;
}
@media screen and (max-width:640px){
.post-type-archive-blog #main.left,
.post-type-archive-horoscope #main {
		width: 96%;
		margin: 0 auto;
	}
}

#right {
  width: 300px;
  font-size: 12px;
  margin: 0 0 globalMrgnBttom 0; }
@media screen and (max-width:640px){
	#right {
		width: 96%;
		float: none;
		margin: 0 auto;
		padding: 30px 0 0;
	}
}

/*--------------right--------------*/

/*=======================================
Footer
========================================*/
footer {
	padding-bottom: 30px;
}
footer .inner {
	width: 1220px;
	min-width: 1200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
@media screen and (max-width:640px){
	footer .inner {
		width: 96%;
		margin: 0 auto;
		min-width: 96%;
		margin: 0 auto;
	}
}
footer .inner:after {
	display: block;
	clear: both;
	content: '';
}
footer nav {
	line-height: 50px;
	height: 51px;
	border-bottom: 1px solid #eeeeed;
	border-top: 1px solid #eeeeed;
	margin-bottom: 30px;
}
@media screen and (max-width:640px){
	footer nav {
		width: 96%;
		display: none;
	}
}
footer nav #footermenu {
	width: 1220px;
	margin: 0 auto;
}
footer nav #footermenu li {
	display: inline-block;
	margin-left: 36px;
	height: 50px;
}
footer nav #footermenu li:first-child {
	margin-left: 0;
}
footer nav #footermenu li a {
	color: #242a30;
	text-decoration: none;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}
footer nav #footermenu li:hover {
	border-bottom: 2px solid #242a30;
}
footer .sns_follow h2 {
	font-weight: normal;
	font-size: 14px;
	font-family:Roboto,Helvetica, Arial, sans-serif;
	margin-right: 10px;
}
footer .sns_follow ul,
footer .sns_follow h2 {
	display: inline-block;
	vertical-align: middle;
}
footer .inner #snsLink li {
	margin-top: 0;
}
footer .copy {
	margin-top: 30px;
}
.to-top_btn {
	position: absolute;
	right: 0;
	bottom: -4px;
	display: block;
	width: 55px;
	height: 0;
	padding-top:24px;
	overflow: hidden;
	background: url(img/btn_totop.png) no-repeat 0 0;
}
.to-top_btn:hover {
	background: url(img/btn_totop.png) no-repeat 0 -24px;
}

.breadcrumbs {
  padding: 0 0 20px 0; }



nav#categoryNav {
  background: #ebebeb;
  position: relative;
  padding: 0;
  /*border-radius: 3px 3px 0 0;*/
  z-index: 1001; }
  nav#categoryNav ul {
    width: 980px;
    margin: 0 auto;
    font-size: 0; }
    nav#categoryNav ul li {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      position: relative;
      width: 140px;
      font-size: 12px; }
      nav#categoryNav ul li a {
        display: block;
        margin: 0;
        color: #fff;
        font-size: 125%;
        line-height: 37px;
        font-weight: bold;
        text-align: center;
        color: #77b8b8;
        text-decoration: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box; }
      nav#categoryNav ul li:hover a.categoryMenu {
        background: #fff;
        width: 70%;
        height: 35px;
        margin: 0 auto;
        padding-bottom: 2px;
        color: #eeb298;
        border-top: 2px solid #eeb298; }

nav#categoryNav li ul {
  position: absolute;
  width: 140px;
  left: 15%;
  list-style: none;
  margin: 0; }

nav#categoryNav li:last-child ul {
  left: -15%;
  width: 100%; }

nav#categoryNav li ul {
  width: 0; }
nav#categoryNav li:hover ul {
  width: 140px; }

nav#categoryNav li ul li {
  width: 0;
  overflow: hidden;
  color: #fff;
  opacity: 0;
  font-size: 12px;
  font-weight: normal;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s; }
  nav#categoryNav li ul li a {
    color: #fff;
    padding: 0px 15px 0 27px;
    background: #fff;
    text-align: left;
    font-weight: normal;
    font-size: 117%; }

nav#categoryNav li:hover ul li {
  overflow: visible;
  width: 140px;
  height: 35px;
  opacity: 1.0; }
  nav#categoryNav li:hover ul li a {
    color: #4c4c4c;
    font-weight: normal; }
    nav#categoryNav li:hover ul li a:hover {
      color: #eeb298; }
  nav#categoryNav li:hover ul li:first-child {
    border-top: 0; }
  nav#categoryNav li:hover ul li:last-child {
    border-bottom: 0; }
    nav#categoryNav li:hover ul li:last-child a {
      /*border-radius: 0 0 3px 3px;*/ }

#right .articleCon {
  margin-bottom: 30px; }
#right #infoCon.articleCon article {
  margin-bottom: 10px; }
  #right #infoCon.articleCon article .thumImg {
    display: none; }
  #right #infoCon.articleCon article .articleTitle {
  	margin-top: 3px;
    line-height: 150%;
	}
  #right #infoCon.articleCon article .articleSummary {
    display: none; }
  #right #infoCon.articleCon article .tagGroup {
    display: none; }
  #right #blogCon.articleCon article {
    margin-bottom: 10px; }
    #right #blogCon.articleCon article .thumImg {
      margin-right: 20px;
      float: left; }
    #right #blogCon.articleCon article .articleTitle {
    	margin-top: 5px;
      font-size: 12px;
      font-weight: normal; }
    #right #blogCon.articleCon article .articleSummary {
      font-size: 100%;
      line-height: 184%; }
    #right #blogCon.articleCon article .tagGroup {
      display: none; }
#right #dogCon.articleCon article {
  margin-bottom: 10px; }
  #right #dogCon.articleCon article .thumImg {
    margin-right: 20px;
    float: left; }
  #right #dogCon.articleCon article .articleTitle {
    font-size: 100%;
    line-height: 150%;
    font-weight: bold; }
  #right #dogCon.articleCon article time, #right #dogCon.articleCon article .articleSummary, #right #dogCon.articleCon article .tagGroup {
    display: none; }

#main .slideBox {
  /*dummy*/
  display: block;
  background: transparent;
  width: 100%;
  height: 330px; }
#main #topics .articleCon article {
  margin-right: 20px;
  float: left; }
  #main #topics .articleCon article:nth-child(2n) {
    margin-right: 0; }
  #main #topics .articleCon article .thumImgWrapper {
    background: #cccccc;
    width: 315px;
    max-height: 160px;
    text-align: center; }
  #main #topics .articleCon article .thumImg {
    max-height: 160px; }
  #main #topics .articleCon article .articleTitle {
    font-size: 117%;
    line-height: 150%; }
  #main #topics .articleCon article time {
    display: block;
    font-size: 84%;
    line-height: 209%; }
  #main #topics .articleCon article .articleSummary {
    display: none; }
#main #news .articleCon {
  height: 445px;
  /*pixel*/
  overflow: scroll; }
  #main #news .articleCon article {
    width: 100%;
    height: 75px;
    /*pixel*/
    margin-bottom: 10px; }
    #main #news .articleCon article .thumImgWrapper {
      display: block;
      background: #cccccc;
      width: 148px;
      max-height: 75px;
      margin-right: 20px;
      text-align: center;
      float: left; }
    #main #news .articleCon article time {
      display: block;
      font-size: 84%;
      line-height: 1.4em; }
    #main #news .articleCon article .articleTitle {
      height: 2.9em;
      font-size: 109%;
      line-height: 142%;
      font-weight: bold;
      overflow: hidden; }
    #main #news .articleCon article .articleSummary {
      display: none;
      font-size: 100%;
      line-height: 184%; }
    #main #news .articleCon article .tagGroup {
      position: relative;
      float: left; }
#main #feature .articleCon article, #main #regular .articleCon article {
  margin-right: 20px; }
  #main #feature .articleCon article:nth-child(3n), #main #regular .articleCon article:nth-child(3n) {
    margin-right: 0; }
  #main #feature .articleCon article .thumImgWrapper, #main #regular .articleCon article .thumImgWrapper {
    background: #cccccc;
    width: 203.33333px;
    max-height: 103px;
    text-align: center; }
  #main #feature .articleCon article .thumImg, #main #regular .articleCon article .thumImg {
    max-height: 103px; }
  #main #feature .articleCon article .articleTitle, #main #regular .articleCon article .articleTitle {
    font-size: 117%;
    line-height: 150%; }
  #main #feature .articleCon article time, #main #regular .articleCon article time {
    display: block;
    font-size: 84%;
    line-height: 209%; }
  #main #feature .articleCon article .articleSummary, #main #regular .articleCon article .articleSummary {
    display: none; }

.categoryTop .articleCon article {
  position: relative;
  width: 315px;
  height: 22em;
  margin-right: 20px;
  float: left; }
  .categoryTop .articleCon article.Lerge {
    width: 315px;
    height: 22em; }
  .categoryTop .articleCon article.Lerge:nth-child(2n) {
    margin-right: 0; }
  .categoryTop .articleCon article.Middium {
    width: 203.33333px;
    height: 17em; }
  .categoryTop .articleCon article.Middium:nth-child(3n+2) {
    margin-right: 0; }
  .categoryTop .articleCon article .articleTitle {
    font-size: 117%;
    line-height: 150%; }
  .categoryTop .articleCon article time {
    display: block;
    font-size: 84%;
    line-height: 209%; }
  .categoryTop .articleCon article .articleSummary {
    display: none; }

#main #colum .keyImg img {
  display: block;
  margin: 0;
  padding: 0; }
#main #colum article .sentence {
  margin-bottom: 30px;
  font-size: 109%;
  line-height: 192%; }
  #main #colum article .sentence img {
    max-width: 650px; }
  #main #colum article .sentence img.right, #main #colum article .sentence .howToBox section.outLine img.preparedList, .howToBox section.outLine #main #colum article .sentence img.preparedList {
    float: right;
    max-width: 315px;
    margin: 10px 0 10px 10px;
    padding: 0; }
  #main #colum article .sentence img.left, #main #colum article .sentence .releaseBox ul li section img.releaseImg, .releaseBox ul li section #main #colum article .sentence img.releaseImg, #main #colum article .sentence .releaseBox ul li section img.detailInfo, .releaseBox ul li section #main #colum article .sentence img.detailInfo, #main #colum article .sentence .howToBox section.outLine img.completionImg, .howToBox section.outLine #main #colum article .sentence img.completionImg {
    float: left;
    max-width: 315px;
    margin: 10px 10px 10px 0;
    padding: 0; }
  #main #colum article .sentence img.left, #main #colum article .sentence .releaseBox ul li section img.releaseImg, .releaseBox ul li section #main #colum article .sentence img.releaseImg, #main #colum article .sentence .releaseBox ul li section img.detailInfo, .releaseBox ul li section #main #colum article .sentence img.detailInfo, #main #colum article .sentence .howToBox section.outLine img.completionImg, .howToBox section.outLine #main #colum article .sentence img.completionImg {
    float: left;
    max-width: 315px;
    margin: 10px 10px 10px 0;
    padding: 0; }
  #main #colum article .sentence .lead {
    margin-bottom: 30px;
    font-weight: bold;
    padding-top: 0.5em; }
  #main #colum article .sentence .catch {
    display: block;
    border-bottom: 1px solid #4c4c4c;
    font-size: 134%;
    line-height: 200%;
    margin-bottom: 30px;
    clear: both; }
  #main #colum article .sentence strong {
    font-weight: bold; }
  #main #colum article .sentence span.female {
    color: #eeb298; }
  #main #colum article .sentence span.male {
    color: #77b8b8; }
  #main #colum article .sentence span.other {
    font-weight: bold; }
  #main #colum article .sentence span.interviewer {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #808080; }
#main #colum .credit {
  margin-bottom: 15px;
  font-size: 100%;
  line-height: 192%;
  text-align: right;
  clear: both; }
#main #colum .endImg {
  margin-bottom: 15px; }
#main #colum .photoColum {
  background: no-repeat;
  text-align: center; }
  #main #colum .photoColum img {
    margin-bottom: 30px; }
#main #colum .IUR {
  background: url('img/contents/colum201308080005/bg_title.gif') no-repeat 40px 0; }

#main #blog .blogerProf {
  margin-bottom: 30px; }
  #main #blog .blogerProf section {
    float: left; }
    #main #blog .blogerProf section a.img {
      display: block;
      margin-right: 20px;
      float: left; }
    #main #blog .blogerProf section .blogerName {
      font-size: 140%;
      margin-bottom: 7.5px; }
    #main #blog .blogerProf section .profDetail {
      margin-bottom: 15px;
      font-size: 100%;
      line-height: 1.8; }
      #main #blog .blogerProf section .profDetail .job {
        display: block;
        margin-bottom: 15px; }
      #main #blog .blogerProf section .profDetail a { }
      #main #blog .blogerProf section .profDetail .hilightLink {
        margin-top: 15px; }
  #main #blog .blogerProf .calendar {
    display: block;
    background-color: #eeb298;
    width: 240px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    float: right; }
#main #blog .blogDetail {
  padding: 15px 0; }
  #main #blog .blogDetail .articleTitle {
    font-size: 117%;
    line-height: 234%;
    font-weight: bold; }
  #main #blog .blogDetail time {
    font-size: 84%;
    line-height: 209%; 
    margin-bottom: 20px;}
  #main #blog .blogDetail .articleDetail {
    margin-bottom: 15px;
    font-size: 100%;
    line-height: 134%; }
#main #blog .list .articleTitle {
	line-height: 1.5;
	margin: 0 0 4px;
}
#main #blog .list .articleSummary {
	line-height: 1.5;
}
#main #blog .list .articleSummary a {
	font-weight: 500;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}
#main #blog .entry-content img {
	max-width: 100%;
	height: auto;
}
.blogerInfo {
  margin-bottom: 30px; }
  .blogerInfo section {
    float: left; }
    .blogerInfo section a {
      display: block;
      margin-right: 10px;
      float: left; }
    .blogerInfo section .blogerName {
      font-size: 100%;
      line-height: 184%;
      font-weight: bold; }
    .blogerInfo section .profDetail {
      margin-bottom: 15px;
      font-size: 84%;
      line-height: 167%; }
      .blogerInfo section .profDetail .hilightLink {
        display: block;
        width: 100%; }
  .blogerInfo.noImg .thumImg {
    display: none; }

#main #horoscope .horoscopeTop .articleCon {
  margin-top: 30px; }
  #main #horoscope .horoscopeTop .articleCon .freeCaption {
    font-size: 13px;
    line-height: 200%; }
#main #horoscope .horoscopeDetail .signUnsei article .signImg {
  text-align: center; }
#main #horoscope .horoscopeDetail .signUnsei .starSign {
  margin: 15px 0 15px;
  /*px指定*/
  padding: 15px 0;
  /*px指定*/
    font-family:Roboto,Helvetica, Arial, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 167%;
  text-align: center;
  color:#2a2a30;}
  #main #horoscope .horoscopeDetail .signUnsei .starSign .period {
    font-size: 65%; color: #818181;}
#main #horoscope .horoscopeDetail .signArchives .signArchivesList {
  font-size: 0; }
  #main #horoscope .horoscopeDetail .signArchives .signArchivesList li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 30px;
    font-size: 12px; }
    #main #horoscope .horoscopeDetail .signArchives .signArchivesList li:nth-child(4n) {
      margin-right: 0; }
    #main #horoscope .horoscopeDetail .signArchives .signArchivesList li a {
      font-size: 84%;
      line-height: 184%; }

#main {
  font-size: 109%;
  line-height: 184%; }
  #main dl {
    margin-bottom: 30px; }
    #main dl dt {
      float: left;
      width: 92.85714px; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: red; }

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #b3b3b3;
  position: relative; }

.jspDrag {
  background: #eeb298;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 6px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 60px 0 0 0;
  padding: 0; }

.flexslider .slides > li {
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 30px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
	position: absolute;
	top: 60px;
	left: 0;
}
@media screen and (max-width:640px){
	.flexslider .slides {
		top: 47px;
	}
}

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
	display: none;
}

.flex-direction-nav a {
  display: block;
  width: 54px;
  height: 80px;
  margin: -20px 0 0;
  position: relative;
  top: 50%;
  z-index: 1000;
  overflow: hidden;
  opacity: 0.7;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  background: #eeb298; }

.flex-direction-nav .flex-prev {
  margin: 0; }

.flex-direction-nav .flex-next {
  margin: -80px 0 0 596px;
  text-align: right; }

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '<'; }

.flex-direction-nav a.flex-next:before {
  content: '>'; }

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
.breadcrumbs {
  padding: 3px 0 20px 0; }

.pagesprit {
  color: #000000;
  background: white;
  margin: 1em auto;
  line-height: 2em;
  text-align: center; }

.page-numbers a {
  display: inline;
  color: #00019b;
  border: solid 1px #ccc;
  text-decoration: none; }

.page-numbers a:hover {
  color: white;
  background: #328ab2; }

.numbers {
  margin: 0 10px; }

#right #blogCon.articleCon article .avatar,
#right #blogCon.articleCon article .avatar-60,
#right #blogCon.articleCon article .photo {
  margin-right: 20px;
  float: left; }

#main .articleCon article .thumImg {
  height: auto; }

.no-results.not-found .page-title {
  font-size: 1rem;
  line-height: 80px;
  height: 80px; }

.wp-pagenavi {
  position: relative;
  margin: 60px auto;
  background: none;
  text-align: center;
 }

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin:0 5px !important;
    padding: 0 !important;}
  .wp-pagenavi .pages {
    position: absolute;
    display: none;
    text-align: center;
    width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1;
    border: none; }
  .wp-pagenavi .first, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .extend, .wp-pagenavi .page, .wp-pagenavi .last {
    text-decoration: none;
    background: #FFF;
    border: solid 1px #242a30;
    line-height: 44px;
    color: #242a30; }
  .wp-pagenavi .extend {
    text-decoration: none;
    background: none;
    border: solid 1px #242a30;
    color: #4c4c4c; }
  .wp-pagenavi .current, .wp-pagenavi a:hover {
    background: #e9e9ea;
    border: solid 1px #242a30;
    color: #242a30; }
  .wp-pagenavi .current {
  	font-weight: normal !important;
    line-height: 44px; }
@media screen and (max-width:640px){
	.wp-pagenavi a, .wp-pagenavi span {
	margin:5px 2px !important;
	}
.wp-pagenavi {
	position: relative;
	margin: 30px auto;
	background: none;
	text-align: center;
	}
}

.pagesprit {
  color: #4c4c4c;
  background: none;
  margin: 1rem auto 60px;
  line-height: 2rem;
  text-align: center; }
  .pagesprit .page-numbers {
    width: 96%;
    width: -webkit-calc(100% - 1rem);
    width: -moz-calc(100% - 1rem);
    width: calc(100% - 1rem);
    margin: 0 auto;
    text-align: center;
    font-size: 0; }
    .pagesprit .page-numbers a, .pagesprit .page-numbers span {
      display: inline-block;
      width: 3rem;
      height: 3rem;
      margin: 0 10px;
      line-height: 3rem;
      border: 0;
      vertical-align: top;
      font-size: 1rem;
      text-align: center; }
    .pagesprit .page-numbers a {
      text-decoration: none;
      background: #b3b3b3; }
      .pagesprit .page-numbers a span {
        display: block;
        width: 100%;
        border: 0;
        background: #b3b3b3;
        color: #fff; }
      .pagesprit .page-numbers a:hover span {
        background: #eeb298;
        color: #fff; }
      .pagesprit .page-numbers a .numbers {
        margin: 0; }
    .pagesprit .page-numbers span {
      background: #eeb298;
      color: #fff; }

/*# sourceMappingURL=style.css.map */



/*----------------------------------------------
2016.08プチリニューアル
------------------------------------------------*/

/*common
--------------------------------------------------*/
.last_cont {/*footer直上*/
	width: 940px;
	margin: 0 auto 30px;
}
@media screen and (max-width:640px){
	.last_cont {/*footer直上*/
		width: 96%;
		margin: 0 auto 30px;
	}
}
.last_cont .tagGroup {
	margin-top: 10px;
}
@media screen and (max-width:640px){
	.last_cont .tagGroup {
		margin-top: 0;
	}
}

/*タイトル*/
.title_L {
	font-size: 20px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin: 30px 0;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}
.page .title {
	font-size: 20px;
	margin-bottom: 30px;
}
.home .title_L {
	margin: 0 0 30px ;
}
.side_s-title {
	font-size: 20px;
	margin-bottom: 20px;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}

/*ボタン*/

.side_morebtn a,
.btn_moreLoad {/*もっと表示する*/
	height: 44px;
	line-height: 44px;
	border: 1px solid #242a30;
	cursor: pointer;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	font-family:Roboto,Helvetica, Arial, sans-serif;
	margin: 60px 0 0 0;
	cursor:pointer;
	background: #FFF url(img/arrow_down.png) no-repeat 56% 20px;
}
@media screen and (max-width:640px){
	.side_morebtn a,
	.btn_moreLoad {/*もっと表示する*/
	background: #FFF none no-repeat 56% 20px;
	background-color: #FFF;
	background-image: none;
	}
}
.btn_moreLoad a {
	width: 100%;
	display: block;
}
.btn_moreLoad a:hover {
	color:#242A30;
}
.btn_moreLoad.right-arrow {
	background: #FFF url(img/arrow_right.png) no-repeat 56% 18px;
}
@media screen and (max-width:640px){
	.btn_moreLoad.right-arrow {
	background: #FFF none no-repeat 56% 20px;
	background-color: #FFF;
	background-image: none;
	margin: 30px 0 0 0;
	}
}
.side_morebtn a {/*sideもっと見る*/
	width: 100%;
	display: block;
	color: #242a30;
	box-sizing: border-box;
	margin: 30px 0 0 0;
	background: #FFF url(img/arrow_right.png) no-repeat 67% 18px;
}
.side_morebtn a:hover,
.btn_moreLoad:hover {/*もっと表示する*/
	border: 1px solid #242a30;
	background-color: #e9e9ea;
}


/*3columnリスト*/
.col3_list {
}
.col3_list:after {
	display: block;
	clear: both;
	content:' ';
}
.col3_list > li {
	width: 300px;
	height: 300px;
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
}
@media screen and (max-width:640px){
	.col3_list > li {
		width: 100%;
		height: auto;
		float: none;
		margin-left: 0;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #cfcfcf;
	}
	.col3_list > li:after {
		clear: both;
		content: ' ';
		display: block;
	}
}
.col3_list > li:nth-child(-n+3) {
	margin-top: 0;
}
.col3_list > li:nth-child(3n+1) {
	margin-left: 0;
}
.col3_list > li h3 {
	line-height: 1.5em;
}
@media screen and (max-width:640px){
	.col3_list > li h3 {
		font-size: 12px;
		line-height: 1.2em;
	}
}
.col3_list > li .thumImgWrapper {
	width: 100%;
	padding-top: 56.6%;
	height: 0;
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
	position: relative;
}
@media screen and (max-width:640px){
	.col3_list > li .thumImgWrapper {
		width: 33.3%;
		padding-top: 19%;
		float: left;
		margin-bottom: 0;
	}
}
.col3_list > li img.thumImg {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
}

.col3_list > li a:hover img.thumImg {
	opacity: 0.5;
}
.col3_list > li .article_info {
	position: absolute;
	bottom: 0;
}
@media screen and (max-width:640px){
	.col3_list > li .article_info {
	line-height: 100%;
	bottom: 22px;
	}
}
.col3_list > li .tagGroup {
	position: static;
	display: block;
}
@media screen and (max-width:640px){
	.col3_list .col3_spwrap {
		width: 64%;
		float: right;
	}
}
.col3_list > li .tagGroup li:nth-child(n + 4) {
	display: none;
}

/*Feature Regular tab*/
#tabbox {
	margin-top: 70px;
	margin-bottom: 70px;
}
.home #tabbox {
	margin-top: 38px;
	margin-bottom: 70px;
}
#tab_menu {
	margin-bottom: 30px;
}
#tab_menu:after {
	display: block;
	clear: both;
	content: '';
}
#tab_menu li {
	width: 50%;
	cursor:pointer;
	float: left;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #cfcfcf;
	padding-bottom: 10px;
	border-bottom: 2px solid #cfcfcf;
	letter-spacing: 0.05em;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}
#tab_menu li.select{
	border-bottom: 2px solid #595c60;
	color: #242a30;
}
#tabbox .hide {display:none;}

/*home ad*/
.home #news {
	position: relative;
	overflow: hidden;
}
.home #news .bannerCon {
	width: 300px;
	position: absolute;
	top: 374px;
	right: 0;
}
@media screen and (max-width:640px){
	.home #news .bannerCon {
		display: none;
	}
}
.home #main #news .articleCon {
	height: auto;
}
.home #news .col3_list {
	margin-left: -20px;
}
@media screen and (max-width:640px){
	.home #news .col3_list {
	margin-left: 0;
	}
}
.home #news .col3_list > li:nth-child(3n+1) {
	margin-left: 20px;
}
@media screen and (max-width:640px){
	.home #news .col3_list > li:nth-child(3n+1) {
	margin-left: 0;
	}
}
.home #news .col3_list > li:nth-child(5) {
	margin-right: 320px;
}
@media screen and (max-width:640px){
	.home #news .col3_list > li:nth-child(5) {
	margin-right: 0;
	}
}

.single .tagGroup {
	position: static;
}

/*投稿*/
.shingle_post {
	width: 100%;
	padding-bottom: 30px;
	overflow: hidden;
}
.shingle_post img {
	max-width: 100%;
	height: auto;
}
.shingle_post img.size-large {
	width: 100% !important;
	min-width: 620px;
	height: auto;
}
.shingle_post .attachment-large  {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
@media screen and (max-width:640px){
	.shingle_post img {
	max-width: 100%;
	height: auto;
	}
	.shingle_post img.size-large {
		width: 100% !important;
		min-width: 100%;
		height: auto;
	}
}
.shingle_post div.font_s11 {
	font-size: 11px;
	line-height: 1.8;
}
.shingle_post p {
	font-size: 14px;
	line-height: 2.1;
}
.shingle_post .wp-caption-text {
	display: none;
}
.pageinfo  {/*投稿記事タイトルタグカテゴリーなど*/}
@media screen and (max-width:640px){
	.pageinfo {
	width: 96%;
	margin: 0 auto;
	}
}
.pageinfo  > h2 {
	font-size: 18px;
	color: #242a30;
	margin-bottom: 20px;
	letter-spacing: 0.08em;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}
.pageinfo .tagGroup {
	margin-right: 10px;
}
.pageinfo .tagGroup, 
.pageinfo time,
.pageinfo .owner,
.pageinfo .credit {
	display: inline-block;
}
@media screen and (max-width:640px){
.pageinfo .tagGroup {
	display: block;
	margin-bottom: 10px;
	}
}
.pageinfo .owner {
	margin: 0 10px;
}
@media screen and (max-width:640px){
.pageinfo .owner {
	margin: 0 10px 0 0;
	}
}
.pageinfo .owner,
.pageinfo .credit {
  color: #828384;
  font-size: 11px;
  font-family:Roboto,Helvetica, Arial, sans-serif;
}
.pageinfo h3 {
	font-size: 20px;
	line-height: 1.7;
	margin: 30px 0 26px;
}

/*share sns*/
.share_sns {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
.share_sns ul {
	transform-origin: left center;
	transition:all .2s ease-in-out;
	transform: translateX(0) scale(0);
	position: absolute;
	left: 0;
	top: 0;
}
.share_sns.sp_active ul,
.share_sns:hover ul {
	transform-origin: left center;
	transform: translateX(40px) scale(1);
	position: absolute;
	left: 0;
	top: 0;
}
@media screen and (max-width:640px){
.share_sns:hover ul {
	transform: none;
	}
.share_sns.sp_active ul,
.share_sns:hover ul {
	transform-origin: left center;
	transform: translateX(40px) scale(1);
	position: absolute;
	left: 5px;
}
}
.share_sns span {
	cursor: pointer;
	width: 14px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/btn_share.png) no-repeat 0 2px;
	display: inline-block;
}
.share_sns li {
	display: inline-block;
}
.share_sns li a {
	display: block;
	width: 15px;
	height: 16px;
	margin-right: 14px;
	background-image: url(img/post_sns.png);
	background-repeat : no-repeat;
}
.share_sns li.post_sns1 a {
	width: 11px;
	background-position: 0 0;
}
.share_sns li.post_sns2 a {
	background-position: -28px 0;
}
.share_sns li.post_sns3 a {
	width: 11px;
	background-position: -64px 0;
}
.share_sns li.post_sns4 a {
	width: 17px;
	background-position: -91px 0;
}
.share_sns li.post_sns5 a {
	background-position: -128px 0;
}
.share_sns li.post_sns6 a {
	width: 18px;
	background-position: -163px 0;
}
.share_sns li.post_sns7 a {
	background-position: -200px 0;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    overflow: hidden;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block !important;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#right .side_slider {
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: 30px;
}

#right .swichclass {
	width: 100%;
	position: absolute;
	top: -5px;
}
#right .swichclass li {
	width: 46%;
	display: inline-block;
	margin-left: 8%;
}
#right .swichclass li:first-child {
	margin-left: 0;
}
#right .swichclass li button {
	width: 100%;
	display: block;
	background-color: #FFF;
	padding: 0;
	border: 0;
	font-size: 0;
	color: #cfcfcf;
	border-bottom: 2px solid #cfcfcf;
}
#right .swichclass li.slick-active button {
	color: #242a30;
	border-bottom: 2px solid #30363b;
}
#right .swichclass li button:after {
	content: ' LATEST';
	display: block;
	font-size: 16px;
	letter-spacing: 0.08em;
	font-family:Roboto,Helvetica, Arial, sans-serif;
}
#right .swichclass li:first-child button:after {
	content: ' TOPICS ';
}
#right .side_slider section {
	float: left;
	display: none;
	margin-top: 20px;
}
#right .side_slider section:first-child {
	display: block;
}
#right .side_slider ul li {
	margin-top: 20px;
}
#right .side_slider ul li:after {
	display: block;
	clear: both;
	content: '';
}
#right .side_slider .image_outer {
	width: 33%;
	float: left;
}
#right .side_slider .image_outer img {
	width: 100%;
	height: auto;
}
#right .side_slider .articleInfo {
	width: 60%;
	float: right;
	font-size: 11px;
	line-height: 1.3;
}
#right .slick-slide .articleInfo time {
	margin-bottom: 2px;
	display: block;
}

#loading {
	text-align: center;
    display: none;
    height:44px;
    margin: 60px 0 0 0;
}
#viewmore {
    display: none;
}


.pagesprit {
  color: #242a30;
  background: white;
  margin: 0 0 40px !important;
  padding-top: 30px;
  text-align: center; }

.pagesprit > .numbers,
.pagesprit a {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: #242a30;
  border: solid 1px #242a30;
  text-decoration: none; 
  margin: 0 5px;
}

.pagesprit > .numbers,
.pagesprit a:hover {
  color: #242a30;
  background: #e9e9ea; }

.shingle_post strong,
.shingle_post b,
.shingle_post h2,
.shingle_post h3,
.page #main h2,
.page #main h3,
.page #main b,
.page #main strong {
	font-weight: bold;
}
.page.page-template-latest-php #main h2 {
	font-weight: 400;
}
.page.page-template-latest-php #main h3 {
	font-weight: normal;
}
.page #main div {
	margin-bottom: 30px;
}
.page.page-template-latest-php #main div.thumImgWrapper {
	margin-bottom: 20px;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: none;
}

#latest {
	margin-bottom: 70px;
}

.btn_shopnow {
	margin: 70px auto;
	text-align: center;
}
.btn_shopnow a {
	display:inline-block;
	padding: 1px 40px 0;
	height: 49px;
	line-height: 50px;
	color: #fff;
	background-color: #000;
	font-size: 0.85em;
	letter-spacing: 0.1em;
}

.btn_shopnow a:hover {
	background-color: #4d4d4d;
}

.switch {/*画像切り替えsp pc*/
	visibility: hidden;
}
@media screen and (max-width:640px){
.sideBannerArea {
	text-align: center;
}
.sideBannerArea img {
	width: auto;
	height: auto;
}
}