@charset "utf-8";
/*
Theme Name:horiemon
Theme URI: http://www.current-com.com
Author: Current Communications Inc.
Author URI: http://www.current-com.com
Description:
Tags:
*/
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

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

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
	font-family:Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ", "Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
			font-size: 87.5%;
    margin: 0;
	line-height:1.7;
}

.alignleft{
	clear:both;
	float:left;
	margin:5px;
}
.alignright{
	clear:both;
	float:right;
	margin:5px;
}
.aligncenter{
	clear:both;
	margin:5px auto;
	display:block;
}
.entry img.aligncenter{
	clear:none;
}
/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */


dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
	margin:0;
	padding:0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
 max-width:100%;
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
	vertical-align:middle;
	height:auto;
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */

}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

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

/* link */
a:link {
  color: #302f3d;
  background-color: transparent;
    text-decoration:none;
}
a:visited {
	color:#302f3d;
    text-decoration:none;
}
a:hover, a:active {
  /* color: #0d9eb2; */
}



/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
	zoom:1;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*=========page style========*/
body {
color:#302f3d;
line-height:1.7;
background:#f8f9fa;
}

h1 {
    font-size: 18px;
	    font-size: 1.125rem;
		line-height:1.4;
}

h2,h3,h4,h5,h6 {
    font-size: 16px;
	    font-size: 1rem;
		line-height:1.4;
		font-weight:normal;
}

#pageheader {
	padding:10px 120px 12px 32px;
	padding: 0.5rem 0px 0.625rem;
	border-bottom:#d9e0e2 solid 1px;
	background:rgba(255,255,255,.9);
	text-align:center;
	position:relative;
}
#pageheader h1 {
margin:0 16px 4px;
margin:0 1rem .25rem;
}
#pageheader h2 {
	display:none;
}

#pageheader a.nav-trigger {
	position:absolute;
	left:10px;
	top:4px;
	font-size:24px;
	font-size:1.5rem;
	color:#54667a;
}

#pageheader form {
 position:absolute;
 right:10px;
 margin:0;
 top:10px;
 background:#c4c8c9;
 background:#000000;
 line-height:1;
}

#pageheader form input[type=text] {
	border:#ccc solid 1px;
	border:none;
	padding:0;
	border-radius:0;
	height:20px;
	color:#ffffff;
}
#pageheader form input:focus {
	outline:none;
	background:#f7f8f9;
}
#pageheader form button {
	width:40px;
	padding:1px 0;
	border:none;
	border:none;
	background:#54667a;
	color:#fff;
}

/* sns-follow */
ul.sns-follow {
	list-style-type:none;
margin:0;
	padding:0;
	line-height:1.2;
	overflow:hidden;
	zoom:1;
}

ul.sns-follow li {
	width:16.66666666666666%;
		text-align:center;
		float:left;
}

ul.sns-follow li i {
	font-size:28px;
	font-size:1.75rem;
}

li.follow {
font-size:14px;
	font-size:.85rem;
}

li.follow i {
	font-size:20px;
	font-size:1.25rem;
	position:relative;
	top:-8px;
}

li.follow span {
	display:block;
}

/* book */
ul.book-list {
margin:0 auto;
padding:10px;
padding:.625rem;
	list-style-type:none;
	display:table;
	border-collapse:separate;
	border:#ffffff solid 2px;
}
ul.book-list li {
display:table-cell;
width:140px;
text-align:center;
font-size:11px;
font-size:.6875rem;
line-height:1.3;
width:125px;
float:left;
min-height:185px;
}

ul.book-list li img{
	width:70px;
	height:100px;
}

ul.book-list li a span{
	display:block;
}

ul.book-list li a+a {
	display:inline-block;
	padding:6px 6px 0;
	padding:.375rem .375rem 0;
	text-align:left;
}

.book-ichiran {
font-size:12px;
font-size:.75rem;
text-align:right;
margin:4px 0 0;
margin:.25rem 0 0;
}
/* side-contents */
.side-contents {
	background: #000000;
	background: none repeat scroll 0% 0% #000000;
	color:#fff;
	-webkit-font-smoothing: antialiased;
	padding:20px;
	padding:1.25rem;
	position:relative;
}

.side-contents:before {
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #000000;
	content: '';
	display: block;
	height: 0;
	left: 10px;
	margin: 0;
	position: absolute;
	top: -16px;
	width: 0;
}


.side-contents a {
	color:#fff;
}
.side-contents a:hover {
	opacity:.5;
}

.side-contents aside {
	margin:16px 0;
	margin:1rem 0;
}
.side-contents aside h3 {
	margin:0 0 8px;
	margin:0 0 .5rem;
	font-size:12px;
	font-size:.75rem;
}
.side-contents aside.pickup h3{
	font-size:16px;
	font-size:1rem;
	border-bottom:#727786 solid 2px;
	padding-left:16px;
	padding-left:1rem;
}
.side-contents aside.pickup img{
	float:left;
	margin:0 16px 0 0;
	margin:0 1rem 0 0;
}
.side-contents aside.pickup li{
	border-bottom:#727786 solid 1px;
	overflow:hidden;
	padding-bottom:16px;
	padding-bottom:1rem;
}

form.search {
	margin:16px 0;
	margin:1rem 0;
}

/* nav */
#gloabl-nav ul {
	margin:16px 0 24px 0;
	margin:1rem 0 1.5rem 0;
	font-weight:bold;
}

#gloabl-nav ul li {
	margin:0 0 8px;
	padding:0 0 8px;
	border-bottom:#ffffff solid 1px;
	font-size:18px;
	font-size:1.125rem;
}
#sub-contents-nav ul {
	overflow:hidden;
	zoom:1;
		margin:32px 0 16px;
		margin:2rem 0 1rem;
}




/* main */
.main-contents {
	margin:0 auto 32px;
	margin:0 auto 2rem;
}

/* feature */
.feature {
	box-sizing:border-box;
	margin-bottom:16px;
margin-bottom:1rem;
}

a.view-detail {
	color:#0d9eb2;
}

.first-feature div > a {
	display:block;
	text-align:center;
	background: #000000;
	overflow:hidden;
	height:auto;
}
.first-feature .post{
	position:relative;
}
.first-feature .new{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.feature section {
	border-bottom: #d9e0e2 solid 1px;
}

.feature section div,
.secondly-feature section {
padding:4px 5%;
	padding:.25rem 5%;
}

.feature section div.size-top_img,
.secondly-feature section div.size-sub_img {
padding:0;
	padding:0;
}
.size-top_img{
	position:relative;
	margin:auto;
	max-width:580px;
}
.first-feature div {
	position:relative;
}

.first-feature div:after {
	border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid #f8f9fa;
display: block;
height: 0;
left: 48%;
margin:0;
position: absolute;
top: -16px;
width: 0;
}

.feature time,
.timeline time {
	display:inline;
	margin:0;
	padding:0;
	color:#939393;
	font-size:10px;
	font-size:.625rem;
}

.entry-page header time,
.entry-page header dl,
.entry-page header dt,
.entry-page header dd {
	display:inline;
	margin:0;
	padding:0;
	color:#939393;
	font-size:12px;
	font-size:.75rem;
}
.entry-page header time{
	margin-left: 24px;
	margin-left: 1.5rem;
}
.feature p,
.pr-entry {
		margin:0;
			display:inline-block;
			font-size:10px;
	font-size:.625rem;
	padding:4px 8px 3px;
padding:.25rem .5rem .1875rem;
padding:.25rem 0 .1875rem;
margin-right:4px;
margin-right:.25rem;
line-height:1;
}

.feature p a,
.pr-entry {
		color:#fff;
}

.feature h2{
	margin:0;
}
.first-feature time,
.first-feature .category{
	display: none;
}
.attachment-sub_img,
.secondly-feature section > a {
	display:none;
}

.secondly-feature section,
.first-feature {
	position:relative;
}


.feature h2 {
font-size: 14px;
font-size: .875rem;
}


/* カテゴリーごとの色分け */
p.news-curation,
.news p.category  {
		background:#01c0c8;
}
p.ranking,
.news p.ranking  {
		background:#d2691e;
		background:#803791;
}
p.interview,
.talk p.category {
		background:#009cd1;
}
p.horiemon-blog,
.post p.category {
	background:#b1c45c;
}
p.osusume-item,
.recommend p.category {
		background:#fc9853;
}
p.pr,
.pr-entry,
.category-talk-pr p.category {
		background:#f56a5d;
}

.movie p.category {
	background:#ffb13a;
}

p.category,
.pr-entry{
	text-align:center;
	width:40px;
}





/* timeline-header */
.timeline header {
		border-bottom: 2px solid #000000;
		margin-bottom:8px;
		margin-bottom:.5rem;
		font-size:12px;
		font-size:.75rem
}

.timeline header h4 {
	display:none;
}

ul.tab {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
}
.tab li {
	width:33.33333333333333%;
	float:left;
	text-align:center;
}
.post-type-archive-recommend .tab li,
.tax-recommendcat .tab li{
	width:25%;
}

.tab span,.tab a {
	display:block;
	padding:6px 0;
	padding:.375rem 0;
}

.timeline section.blog_new .blog-new-icon{
	position:absolute;
	top:0;
	left:0;
	bottom:auto;
	right:auto;
	max-width:40%;
	height:auto;
	z-index:999;
}

/* tabmenu */
.tabarea {
	display: none;
}

.timeline header span,
.tab li.active a {
	background:#000000;
	color:#fff;
	background: none repeat scroll 0% 0% #000000;
}



/* timeline */
.timeline section {
	border-bottom:#d9e0e2 solid 1px;
	overflow:hidden;
}

.timeline section.ad {
	padding: 6px 0;
padding: .375rem 0;
}

.timeline section p {
	display:none;
}

.timeline section h2 {
margin:0;
font-size:14px;
font-size:.875rem;
}

.timeline section figure,
aside.summary figure {
	float:left;
	margin-right:16px;
	margin-right:1rem;
	width:75px;
	height:75px;
	overflow:hidden;
	position:relative;
			background:#fff;
}

#channel .timeline section figure,
#channel aside.summary figure {
	background:none;
}

aside.summary figure {
	width:50px;
	height:50px;
}

.timeline section img,
aside.summary figure img {
	width:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#channel .timeline section img{
	width:auto;
	position:absolute;
	top:0;
	bottom:auto;
	left:0;
	right:0;
	margin:auto;
}

.timeline section img.newsimg{
	width:auto;
	position:absolute;
	top:-5px;
	bottom:0;
	left:-30px;
	right:0;
	margin:auto;
	max-width:130px;
}
aside.summary figure img.newsimg{
	width:auto;
//	position:absolute;
//	top:-5px;
//	bottom:0;
//	left:-30px;
//	right:0;
	margin:auto;
	max-width:130px;
}
.timeline section img.rankingtopimg{
	width:100%;
	height:auto;
	top:0;
	left:0;
}


.timeline section a.view-detail {
	display:none;
}

.timeline footer {
line-height:1.3;
overflow:hidden;
zoom:1;
}


.timeline section a {
	padding:6px 5%;
	padding:.375rem 5%;
	overflow:hidden;
	zoom:1;
	display:block;
}

.timeline section div {
	padding-right:28px;
	padding-right:1.75rem;
	position:relative;
	overflow:hidden;
}

.timeline section.ad div {
	padding-right:0px;
	padding-right:0rem;
}

.timeline section div:after {
	position:absolute;
	right:0;
	top:40%;
	color:#54667a;
}


/* カテゴリーごとの色分け
.news-curation div:after {
	color:#01c0c8;
}
.horiemon-blog div:after {
	 color:#b1c45c;
 }

.interview  div:after {
	 color:#2c7f9c;
 }

.osusume-item div:after {
	 color:#f56a5d;
 }
  */



/* timeline footer */
.timeline>footer {
	text-align:center;
	margin:24px 0;
	margin:1.5rem 0;
}
.entry_footer a.more,
.timeline footer a.more,
p.view-socialservice a,
.next-back p a,
footer.more a {
	text-align:center;
	background:#000000;
	display:block;
	padding:8px 0;
	padding:.5rem 0;
	margin:0 5%;
	border-radius:2px;
	color:#fff;
}
.entry_footer a.more,
.timeline footer a.more,
footer.more a {
margin-top: 32px;
margin-top: 2rem;
}
.entry_footer a.more{
	margin-bottom:1rem;
	text-decoration:none;
	margin-left:0;
	margin-right:0;
}
.timeline section.ad {
	text-align:center;
}

.timeline section.ad img {
position:relative;
margin:0 auto;
}



/* social-timeline */
.social-timeline {
	width:90%;
	margin:48px auto 0;
	margin:3rem auto 0;
}

.social-timeline section {
	background:#fff;
	margin:0 0 16px;
	margin:0 0 1rem;
}

.follow-buttom {
	padding:10px;
	padding:.625rem;
	border-bottom:#d9e0e2 solid 1px;
}

.social-timeline h3 {
	font-size:12px;
	font-size:.75rem;
	color:#fff;
	padding:4px 10px;
	padding:.25rem .625rem;
	margin:0;
}

/*
.facebook {
	border:#46629E solid 1px;
}
*/
.facebook h3 {
	background:#46629E;
}
/*
.twitter {
	border:#00b0ed solid 1px;
}
*/
.twitter h3 {
	background:#00b0ed;
}

.social-timeline ul {
	margin:0;
    padding:0 10px;
	padding:0 .625rem;
	list-style-type:none;
	height:200px;
	overflow:auto;
}

.social-timeline ul li {
	clear:both;
	overflow:hidden;
	zoom:1;
	font-size:14px;
	font-size:.75rem;
	border-bottom:#d9e0e2 solid 1px;
	padding:10px 0;
	padding:.625rem 0;
}

.social-timeline ul li time {
	color: #939393;
font-size: 10px;
font-size: .625rem;
}
.social-timeline ul li:last-child {
	border:none;
}

.social-timeline ul li .icon {
	float:left;
	margin-right:10px;
	margin-right:.625rem;
}

.social-timeline ul li div {
	overflow:hidden;
}

.social-timeline ul li div p a {
	color:#3b5998;
	text-decoration:underline;
}

.social-timeline ul li h5 {
		font-size:14px;
	font-size:.75rem;
	margin:0 0 8px;
	margin:0 0 .5rem;
}

.social-timeline ul li p {
	margin:0 0 4px;
	margin:0 0 .25rem;
}

p.view-socialservice {
	margin:0 0 48px;
	margin:0 0 3rem;
	text-align:center;
}



/* pagefooter */
.pagefooter { text-align:center;
color:#b0b0b0;
 }


/*=============　詳細ページ　==========*/
/* entry */
article.entry-page header p { margin:0; padding:0; }
article.entry-page header p a,
.index-page header h1 {
	display:block;
	text-align:center;
	font-size:18px;
	font-size:1.125rem;
	color:#fff;
	padding:8px 0;
	padding:.25rem 0;
	position:relative;
	margin:0;
	font-weight:normal;
	line-height:1.7;
}



article.entry-page header p a:before {
	position:absolute;
	left:10px;
	top:10px;
}

article.entry-page header {
		border-bottom:#d9e0e2 solid 1px;
}


article.entry-page header div {
	padding:0px 5% 16px;
	padding:0rem 5% 1rem;
}

article.entry-page header h1 {
	font-size: 22px;
	font-size: 1.5rem;
	margin: 0;
}

.entry-page header dl { padding-left:16px; padding-left:1rem; }
.entry a,.entry-page header dl a { text-decoration:underline; }

.entry {
	margin:24px 5%;
	margin:1.5rem 5%;
}

.entry h2 {
//	border-left:#54667a solid 5px;
	padding-left:14px;
	padding-left:.75rem;
//	color:#54667a;
	font-weight:bold;
	border-top:1px solid #0064CE;
	border-bottom:1px solid #0064CE;
	color:#0064CE;
	padding-top:0.3rem;
	padding-bottom:0.3rem;
}

.entry h2 span {
	font-size:12px;
	font-size:0.8rem;
}

/* index-page */
.index-page header {
	margin-bottom:32px;
	margin-bottom:2rem;
}

/* osusume-item */

.lineup-contents header {
		border-bottom: 2px solid #000000;
		margin-bottom:8px;
		margin-bottom:.5rem;
		font-size:12px;
		font-size:.75rem
}

.lineup-wrap {
margin:24px 0;
margin:1.5rem 0;
}

.lineup-wrap section {
margin:16px 5%;
	display:block;
	background:#fff;
	overflow:hidden;
}

.lineup-wrap section .mail,
.lineup-wrap section .osusume,
.lineup-wrap section .member{
	padding:16px;
	padding:1rem;
	border:#d9e0e2 solid 1px;
}

.lineup-wrap section .osusume img{
	max-width:130px;
}

#osusume-item .lineup-wrap section .osusumeimg{
	width:75px;
	float:left;
	margin-right:5px;
}

.lineup-wrap p.soon{
	text-align:center;
}

.lineup-wrap section a,
.recomm_Box a:hover,
.member_Box a:hover{
	text-decoration:none;
	border:none;
}
.recomm_Box a.more,
.member_Box a.more{
text-decoration:underline;
display:block;
}


.lineup-wrap section a img {
	float:left;
	width:75px;
	margin-right: 16px;
margin-right: 1rem;
}

#staff-member section img {
	float:left;
	width:75px;
	margin-right: 16px;
margin-right: 1rem;
}

#staff-member section .staff_btn img {
	width:16px;
}

.lineup-wrap section div {
	overflow:hidden;
}

#osusume-item .lineup-wrap section div {
	text-align:left;
}


.lineup-wrap section h3 {
font-size: 14px;
font-size: .875rem;
margin:0 0 8px;
margin:0 0 .5rem;
}

.lineup-wrap section .osusume h3,
#staff-member section .member h3{
	text-align:left;
	font-weight:bold;
}

.lineup-wrap section p {
	margin:0;
}



/* mail-magazine */
#mail-magazine h2.contents-headding {
margin:0 5% 16px;
margin:0 5% 1rem;
text-align:center;
font-weight:bold;
}

#mail-magazine h2.contents-headding span {
	display:inline-block;
}

#mail-magazine .lineup-wrap section h3 {
	margin:0 0 8px;
	margin:0 0 .5rem;
	text-align:center;
}

#mail-magazine .lineup-wrap section h4 {
margin:0 0 8px;
	margin:0 0 .5rem;
	font-size:14px;
	font-size:.875rem;
	text-align:center;
}


.mail-button {
	display:table;
	border-collapse:separate;
	border-spacing: 8px;
	line-height:1.3;
	width:100%;
	font-weight:bold;
}
.lineup-wrap section .mail a {
	padding:8px 4px;
	padding:.5rem .25rem;
}
.lineup-wrap section .mail a,
.lineup-wrap section .mail a:hover {
	display:table-cell;
	border:none;
	color:#fff;
	border-radius:3px;
	text-align:center;
	font-size:13px;
	font-size:.8125rem;
}
.lineup-wrap section .mail a.sample {
	background:#009ac9;
}
.lineup-wrap section .mail a.buy {
	background:#54667a;
}

.mail-button span,.mail table span {
	display:inline-block;
}

.mail table {
	border-collapse:collapse;
	margin-top:8px;
	width:100%;
}
.mail table th,.mail table td {
	border:#d9e0e2 solid 1px;
	font-size:12px;
	font-size:.75rem;
	padding:4px;
	line-height:1.4;
}
.mail table td {
	text-align:left;
	padding:4px 6px;
}
.mail table th {
	min-width:40px;
	background:#f3f3f3;
}

/* staff-member */
#staff-member h2.contents-headding {
margin:0 5% 16px;
margin:0 5% 1rem;
text-align:center;
font-weight:bold;
}

#staff-member h2.contents-headding span {
	display:inline-block;
}

#staff-member .lineup-wrap section h3 {
	margin:0 0 8px;
	margin:0 0 .5rem;
	text-align:left;
}

#staff-member .lineup-wrap section h4 {
margin:0 0 8px;
	margin:0 0 .5rem;
	font-size:14px;
	font-size:.875rem;
	text-align:center;
}

/* カテゴリー名色分け */
#horiemon-blog article header p,
#horiemon-blog .index-page header h1 {
		background:#b1c45c;
}

#ranking article header p,
#ranking .index-page header h1 {
	background:#803791;
}

.single #ranking .index-page header h1 {
	background:none;
	color:#302f3d;
}

#interview article header p,
#interview .index-page header h1 {
		background:#009cd1;
}

#news-curation article header p,
#news-curation .index-page header h1 {
	background:#01c0c8;
}

#channel .index-page header h1 { background:#ffb13a; }
#calender .index-page header h1 {
	background:#5bae5d;
}

#osusume-item .index-page header h1 {
	background:#fc9853;
}
#staff-info article header p,
#staff-info .index-page header h1,
#sub-category .index-page header h1,
#greeting .index-page header h1,
#staff-member .index-page header h1 {
	background:#54667a;
}
#mail-magazine .index-page header h1 {
	background:#976eb4;
	background:#d2691e;
}



/* aside */
article.entry-page aside {
	margin:32px 5%;
	margin:2rem 5%;
}

article.entry-page aside h3 {
	background:#000000;
	color:#ffffff;
	font-size:14px;
	font-size:.875rem;
	padding:4px 10px;
	padding:.25rem .675rem;
	margin:0;
}

article.entry-page aside ul {
	margin:8px 0 16px;
	margin:.5rem 0 1rem;
	padding:0;
	list-style-type:none;
}

article.entry-page aside form {
	margin:16px 0;
	margin:1rem 0;
}

article.entry-page aside ul li a {
	display:block;
	border-bottom:#d9e0e2 solid 1px;
	padding:4px 0;
	padding:.25rem 0;
	font-size:16px;
	font-size:1rem;
	position:relative;
}

article.entry-page aside ul span {
	background:#e7eced;
	color:#8794a2;
	display:inline-block;
	border-radius:2px;
	padding:0 4px;
	padding:0 .25rem;
	font-size:10px;
	font-size:.675rem;
	margin-left:10px;
	margin-left:.625rem;
}

article.entry-page aside ul li a:after {
	position:absolute;
	right:0;
	color:#54667a;
}

.entry {
	font-size:16px;
	font-size:1rem;
}

.single .entry {
	font-size:13px;
	font-size:0.9rem;
	margin-top:0;
	padding-top:0;
}

article.entry-page aside select {
	width:100%;
	font-size:16px;
	font-size:1rem;
	max-width:300px;
}

aside.summary {
	background:#fff;
	padding:10px;
	padding:.625rem;
	border:#d9e0e2 solid 1px;
	margin:0 5% 24px;
	margin:0 5% 1.5rem;
}

aside.summary h3 {
	padding:0 0 8px;
	padding:0 0 .5rem;
		border-bottom: #d9e0e2 solid 1px;
		margin:0;
}

aside.summary ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

aside.summary ul a {
	overflow:hidden;
	display:block;
	border-bottom: #d9e0e2 solid 1px;
	padding:8px 0;
	padding:.5rem 0;
}

aside.summary ul li:last-child a {
border:none;
}


aside.summary ul p {
	font-size:14px;
	font-size:.875rem;
	overflow:hidden;
	margin:0;
}

/* sns */
.sns {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:14px;
	font-size:.875rem;
	font-weight:bold;
}

.sns li {
	position:relative;
	padding:10px 32px 10px 8px;
}
.sns li a:before {
	text-decoration:none;
	position:absolute;
	right:8px;
	top:8px;
}

.sns li a {
	display:block;
}

.sns li:nth-child(odd) {
	background:#d9e0e2;
}


/* #greeting */
#greeting {
	background:url(images/greeting-horie.jpg) no-repeat center 60px;
	background-size:240px;
}
.page-template-page-greeting-php .bg_none{
	background: #F8F9FA;
	margin: 0px 0px 0px 0px;
}
.page-template-page-greeting-php .main-contents{
	margin: 0px 0px 0px 0px;
}
p.horie-comment {
	padding-top:240px;
	padding-top:15rem;
	line-height:1.8;
	margin:16px 5%;
	margin:1rem 5%;
	line-height:2;
}

p.horie-comment+p {
	text-align:right;
	margin:16px 5%;
	margin:1rem 5%;

}

/* company */
dl.company {
border-bottom: #d9e0e2 solid 1px;
	font-size:14px;
	font-size:.875rem;
	margin:0;
	padding:8px 0;
	padding:.5rem 0;
}
dl.company ol {
	margin:0; padding:0 0 0 24px;
}
.company dt,
.company dd {
	margin:0;
	padding:0;
}

.company dt {
	float:left;
	width:86px;
	width:5.375rem;
	clear:both;
	margin-right:14px;
	margin-right:.875rem;
	background:#d9e0e2;
	text-align:center;
	padding:0 4px;
	padding:0 .25rem;
	font-size:12px;
	font-size:.75rem;
}


.company dd,.company {
	overflow:hidden;
}
/*Privacy SitePolicy*/
.privacy,
.policy{
	font-size:14px;
	font-size:.875rem;
}
.privacy .list_none li,
.policy .list_none li{
	list-style-type: decimal;
}
.privacy h4,
.policy h4{
	font-weight:normal;
	margin:5px 0;
}
/* ============= font関連 ==============*/
@font-face {
  font-family: 'fontello';
 src: url('font/fontello.eot?96577495');
  src: url('font/fontello.eot?96577495#iefix') format('embedded-opentype'),
       url('font/fontello.woff?96577495') format('woff'),
       url('font/fontello.ttf?96577495') format('truetype'),
       url('font/fontello.svg?96577495#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/* Facebook Like Box width: 100% */
.facebook .fbcomments,
.facebook .fb_iframe_widget,
.facebook .fb_iframe_widget[style],
.facebook .fb_iframe_widget iframe[style],
.facebook .fbcomments iframe[style],
.facebook .fb_iframe_widget span{
	width: 100% !important;
}

/* Responsive iFrame */

.calendar-container {
	padding-bottom: 90%;
	padding-top: 30px;
	height: 0;
	width: 100%!important;
	overflow:hidden;
}

.calendar-container iframe,
.calendar-container object,
.calendar-container embed {
	width: 100%!important;
	overflow:hidden;
}
.mobile-layout-calender{
	display:inline;
}
.mobile-layout-calender iframe{
	display:block;
	margin:auto;
}
.pc-layout-calender{
	display:none;
}
.entry-content img,#content embed,#content object,#content iframe,#content video {
    border: 1px solid #eeeeee!important;
    padding: 6px!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
}




/*SearchBox*/
.search_box{
	cursor: pointer;
}
.search_box input.textinput{
	cursor: pointer;
	z-index:999;
	transition: width 400ms ease 0s, background 400ms ease 0s;
	width: 20px;
	text-align:left;
	background:url("images/search-icon.png") no-repeat right;
	background-size:20px 20px;
	padding-right:30px;
}
#pageheader form input.textinput:focus{
	width: 70px;
	background:url("images/search-icon.png") no-repeat right;
	background-size:20px 20px;
	padding-right:30px;
}



/*Ranking*/
#ranking span.ranking-number{
	background:#803791;
	color:#ffffff;
	text-align:center;
	width:40px;
	margin:0;
	display:inline-block;
	font-size:10px;
	font-size:.625rem;
	padding:4px 8px 3px;
	padding:.25rem .5rem .1875rem;
	padding:.25rem 0 .1875rem;
	margin-right:4px;
	margin-right:.25rem;
	line-height:1;
}
/*Side-baner*/
.side_baner {
	margin-left:0px;
}
/*CompanyPage*/
.page-template-page-company-php div{
	margin-bottom:16px;
	margin-bottom:1rem;
}
.page-template-page-company-php div h4{
	margin:0;
	font-weight:normal;
}
.page-template-page-company-php div p{
	margin:0;
}

img.comment_logo{
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

 [class^="icon-"]:before, [class*=" icon-"]:before,
 .timeline section div:after,
 #sub-contents-nav ul li:before,
 p.view-socialservice a:after,
 #gloabl-nav li:before,
 .feature time:before,
.timeline time:before,
.entry-page header time:before,
.timeline footer a.more:after,
footer.more a:after,
article.entry-page aside ul li a:after,
article.entry-page header p a:before,
.book-ichiran a:after,
.sns li a:before,
a.ranking_old:after,
.icon-search:after,
.icon-search input.btn,
.nav-ranking:before,
ul.book-list li a span:after,
#totop:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-logo:before { content: '\e808'; } /* '' */
.icon-gplus:before { content: '\e805'; } /* '' */
.icon-thumbs-up:before { content: '\e80c'; } /* '' */
.icon-menu:before { content: '\e807'; } /* '' */
.icon-calendar-empty:before { content: '\e80a'; } /* '' */
.icon-megaphone:before { content: '\e80e'; } /* '' */
.icon-search .btn:after { content: '\e801'; } /* '' */
.icon-mail:before { content: '\e80b'; } /* '' */
.icon-attach:before { content: '\e80d'; } /* '' */
.icon-video:before { content: '\e809'; } /* '' */
.icon-chat:before { content: '\e80f'; } /* '' */
.icon-rss:before { content: '\e802'; } /* '' */
.icon-clock:before { content: '\e811'; } /* '' */
.icon-down-open:before { content: '\e806'; } /* '' */
.icon-left-open:before { content: '\e812'; } /* '' */
.icon-right-open:before { content: '\e800'; } /* '' */
.icon-twitter:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-pencil:before { content: '\e810'; } /* '' */



.timeline section div:after,
#sub-contents-nav ul li:before,
p.view-socialservice a:after,
.timeline footer a.more:after,
footer.more a,
article.entry-page aside ul li a:after,
.book-ichiran a:after,
.sns li a:before,
a.ranking_old:after,
ul.book-list li a span:after { content: '\e800'; } /* '' */

.timeline section.ad div:after{
	content: none;
}

#totop:before{
	content: '\e814';
}

.ranking_old{ content: '\e800'; } /* '' */

 .feature time:before,.timeline time:before,.entry-page header time:before { content: '\e811'; } /* '' */

 article.entry-page header p a:before { content: '\e812'; } /* '' */

 /* グローバルナビのアイコン */
 #gloabl-nav li:before  { padding-right:4px; color:rgba(255,255,255,.5); }

#gloabl-nav li.nav-taidan:before { content: '\e80f'; } /* '' */
#gloabl-nav li.nav-blog:before { content: '\e810'; } /* '' */
#gloabl-nav li.nav-channel:before { content: '\e809'; } /* '' */
#gloabl-nav li.nav-news:before { content: '\e80d'; } /* '' */
#gloabl-nav li.nav-ranking:before { content: '\e813'; } /* '' */
#gloabl-nav li.nav-calender:before { content: '\e80a'; } /* '' */
#gloabl-nav li.nav-shopping:before { content: '\e80c'; } /* '' */
#gloabl-nav li.nav-info:before { content: '\e80e'; } /* '' */
#gloabl-nav li.nav-mail:before { content: '\e80b'; } /* '' */



.footer_nav{
	clear:both;
	font-size:90%;
	text-align:center;
	padding-top:2em;
	overflow: hidden;
	width: 100%;
	margin: auto;
	margin:0;
	padding:0;
}
.footer_nav ul{
	padding:0;
}
.footer_nav li{
	padding:1%;
	list-style:none;
	margin:0;
}
.footer_nav li a:hover{
	text-decoration:underline;
}

/*
 * SNSbuttom
 */
.social-buttom{
	margin-top:2em;
	height: 60px;
}
nav .social-buttom{
	margin-top:2em;
	height:130px;
}
.social-buttom ul{
	margin:0;
	padding:0;
}
.social-buttom ul li{
	float:left;
	list-style:none;
	margin-right:10px;
}
.social-buttom ul li.none{
	float:none;
}
.side-contents .social-buttom ul li span{
	position:static !important;
}
.side-contents .social-buttom{
	margin-bottom:10em;
	overflow:hidden;
}
.side-contents .social-buttom ul li {
	margin-right:5px;
}
.single_ad{
	text-align:center;
	margin:50px auto 15px auto;
	overflow:hidden;
}
.double_ad{
	text-align:center;
	margin:15px auto;
	overflow:hidden;
	max-width:640px;
}
.double_ad .ad1,
.double_ad .ad2{
	float:left;
	margin-left:20px;
}
#page-top{
	position:fixed;
	bottom:40px;
	right:30px;
	z-index:999;
}
a#totop{
	float:right;
	text-align: left;
	font-size: 13px;
	font-size: 0.7rem;
	padding:1px 8px 1px 5px;
	padding:.1rem .5rem .1rem .3rem;
	background:#54667a;
	display:inline;
	margin:0;
	color:#ffffff;
	opacity:0.8;
}
#staff-info iframe,
#channel iframe,
#interview iframe,
#horiemon-blog iframe{
	width:100%;
	max-width:500px;
}

#staff-info .single_ad iframe,
#channel .single_ad iframe,
#interview .single_ad iframe,
#horiemon-blog .single_ad iframe{
	width:100%;
	max-width:728px;
}
.baner{
	overflow:hidden;
	margin-bottom:10px;
}
.baner section:nth-child(1){
	float:left;
	width:31%;
	margin:0 1% 0 0;
}
.baner section:nth-child(2){
	float:left;
	width:31%;
	margin:0 2.5%;
}
.baner section:nth-child(3){
	float:left;
	width:31%;
	margin:0 0 0 1%;
}
.single .author{
	overflow:hidden;
}
.single .author h3{
	margin-bottom:10px;
}
.single .author img{
	float:left;
}
.single .author h4{
	margin:0 0 0 110px;
}
.single .author p{
	margin:0 0 0 110px;
}
.single .author_post li,
.single .author_post li a{
	overflow:hidden;
}
.single .author_post img{
	float:left;
	max-width:70px;
	max-height:70px;
	margin-right:10px;
}
.single .author_post li h4{
	margin:0;
}
.single .author_post li p{
	margin:0;
	margin-top:0.5em;
	font-size:0.8em;
	display:none;
}
.single .author_post li a:after{
	content:none;
}
/*------------------------------
	ページナビ
------------------------------*/
.local-navigation{
	text-align:center;
}
.site-content nav.nav-single{
	width:100%;
}
.local-navigation .page-numbers{
	background:#000000;
	color:#ffffff;
	margin: 2px 0px 2px 0px;
	padding: 6px 6px 5px;
}
.local-navigation .current{
	background:#bbbbbb;
}
.local-navigation .page-numbers:hover{
	opacity:0.8;
}
.local-navigation .dots:hover{
	opacity:1;
}

@media screen and (min-width: 30em) {
	/*480px */
	h2,h3,h4,h5,h6 {
		font-weight:bold;
	}

	#pageheader {
	padding:8px 0 12px 0;
	padding:.5rem 0 .625rem 0;
	}

	/* nav */
	#sub-contents-nav ul li{
	width:50%;
	float:left;
}

.timeline section h2 {
font-size:16px;
font-size:1rem;
}

.first-feature div > a {
	height:auto;
}

h1 {
	font-size:20px;
	font-size:1.25rem;
}
h2 {
font-size:18px;
	font-size:1.125rem;
}
.footer_nav li{
	display:inline;
}
.timeline section.blog_new .blog-new-icon{
	max-width:50%;
	height:auto;
}
.mobile-layout-calender{
	display:none;
}
.pc-layout-calender{
	display:inline;
}
.single .author_post img{
	max-width:80px;
	max-height:80px;
}
.single .author_post li p{
	margin:0;
	margin-top:0.5em;
	font-size:0.8em;
	display:block;
}
/*------------------------------
	ページナビ
------------------------------*/
.local-navigation .page-numbers{
	margin: 2px 4px 2px 0px;
	padding: 6px 9px 5px;
}
}


@media screen and (min-width: 53.75em) {
	/* 860px */
.secondly-feature{
	display:inline;
}

#pageheader h2 {
	display:block;
	font-size: 12px;
font-size: .675rem;
font-weight: normal;
margin: 0;
color:#999;
}

	#pageheader a.nav-trigger {
		display:none;
	}

	h1 {
    font-size: 28px;
	    font-size: 1.75rem;
		line-height:1.4;
}

h2 {
    font-size: 24px;
	    font-size: 1.5rem;
		line-height:1.4;
}


.page-wrap {
	width:auto;
	max-width:1280px;
	margin:75px auto 0 auto;
	margin:4.6875rem auto 0 auto;
	background: #000000;
}

#pageheader {
	position:fixed;
	z-index:100;
	width:100%;
	margin-top:-75px;
	margin-top:-4.6875rem;
}

#pageheader form {
 top:24px;
 width:150px;
 width:auto;
 background:#000000;
}

#pageheader form input[type=text] {
	width:200px;
	color:#ffffff;
}

#pageheader form button {
	width:40px;
	padding:1px 0;
	border:none;
	border:none;
	background:#54667a;
	color:#fff;
}

.entry-page header time{
	margin-left: 0;
}
article.entry-page header div {
	padding:6px 5% 16px;
	padding:.375rem 5% 1rem;
}
article.entry-page header h1 {
	margin:16px 0 4px;
	margin:1rem 0 .25rem;
	font-size: 22px;
	font-size: 1.5rem;
}


/* side-contents */
.side-contents {
	height: 100%;
	overflow:auto;
	width:300px;
	padding-top: 25px;
padding-top: 1.5625rem;
	margin-bottom:10em;
	float:left;
}

.side-contents:before {
	display:none;
}

.main-contents {
	margin:0 0 0 340px;
	width:auto;
	background:#F8F9FA;
}
.page-template-page-greeting-php .bg_none{
	background: #F8F9FA;
	margin: 0px 0px 0px 340px;
}
.page-template-page-greeting-php .main-contents{
	margin: 0px 0px 0px 0px;
}

.main-inner {
	padding:25px 25px;
	padding:1.5625rem 1.8rem;
	max-width:800px;
	width:90%;
}

/* nav */
#gloabl-nav ul li {
	font-size:15px;
	font-size:.9375rem;
	margin: 0 0 8px;
padding: 0 0 8px;
}

#sub-contents-nav ul {
	font-size:12px;
	font-size:.75rem;
}




.timeline section.blog_new .blog-new-icon{
	max-width:100%;
	height:auto;
}


/* feature */
.feature {
overflow:hidden;
zoom:1;
width:auto;
margin-bottom:0px;
margin-bottom:0rem;
}
.first-feature time,
.first-feature .category{
	display:inline-block;
}
.size-top_img{
	position:relative;
}
.feature p {
	margin-bottom:0;
}

.feature h2 {
    font-size: 18px;
	    font-size: 1.125rem;
}

.feature section div, .secondly-feature section {
padding: 8px 0;
padding: .5rem 0;
}

.secondly-feature img {
	margin-bottom:6px;
	margin-bottom:.375rem;
}
html.ie8 .first-feature img,
html.ie8 .secondly-feature img {
	width:inherit;
	max-width:100%;
	height:auto;
}

.feature section div {

}
.secondly-feature {
	overflow:hidden;
	zoom:1;
	display:none;
}

.secondly-feature h2 {
	font-size: 14px;
	font-size: 0.8rem;
}
.secondly-feature section {
	float:left;
	width:48%;
}
.secondly-feature section+section {
	float:right;
}

.first-feature div:after {
	left:32px;
}

/* timeline */
.timeline header {
	margin-bottom:24px;
	margin-bottom:1.5rem;
}
.timeline section {
	position:relative;
	padding:12px 0;
	padding:.75rem 0;
}

.timeline section a {
	padding:0;
}

.timeline section p {
	display:block;
	margin:6px 0;
	margin:.375rem 0;
	color: #666;
}


.timeline section div {
	overflow:hidden;
	zoom:1;
}

.timeline section div:after {
	color:#b4c4d0;
}

.timeline section a:hover div:after {
		color:#54667a;
}

.timeline section img {
	width:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#channel .timeline section img {
	width:auto;
	position:absolute;
	top:0;
	bottom:auto;
	left:0;
	right:0;
	margin:auto;
}

.timeline section figure {
	width:130px;
	height:130px;
	overflow:hidden;
	position:relative;
		background:#fff;
		z-index:2;
}

.index-page .timeline section figure {
		width:122px;
	height:122px;
		border:#fff solid 4px;
}
#channel .timeline section figure {
	background:none;
	height:69px
}
.timeline section figure img.newsimg{
	position: absolute;
	top: -13px;
	bottom: -13px;
	left: -50px;
	right: -50px;
	margin: auto;
	max-width: 230px;
}


.timeline section h2 {
font-size:16px;
font-size:1rem;
display:inline;
}

.timeline section h2:hover,.feature section h2 a:hover {
	background:#d0dbe3;
}

.timeline section div {
	padding-right:48px;
	padding-right:3rem;
}

.timeline section div:after {
	font-size:28px;
	font-size:1.75rem;
}


.timeline>footer {
	margin-top:32px;
	margin-top:2rem;
}
.entry_footer a.more,
.timeline footer a.more,
footer.more a,
.next-back p a {
	text-align:center;
	border:#d3dde5 solid 2px;
	display:block;
	padding:8px 0;
	padding:.5rem 0;
	margin:0 auto;
	width:30%;
	border-radius:30px;
	background:transparent;
	color:#302f3d;
	margin-top:32px;
margin-top:2rem;
	color:#fff;
	border:#000000 solid 2px;
	background:#000000;
}

.entry_footer a.more:hover,
.timeline footer a.more:hover,
footer.more a:hover,
.next-back p a:hover {
	border:#000000 solid 2px;
	background:none;
	color:#302f3d;
}
.entry_footer a.more{
	margin-bottom:2rem;
	text-decoration:none;
	font-size:87.5%;
}
.timeline section.wide-photo img {
	width:auto;
	float:none;
	margin:0 0 16px;
	margin:0 0 1rem;
}

.timeline section p.category {
	display:block;
	font-size:10px;
	font-size:0.625rem;
	font-weight:bold;
	position:absolute;
	padding:0 8px;
	padding:0 .5rem;
	margin:0;
	width:114px;
	width:60px;
	z-index:10;
	text-align:center;
	right: 0px;
	bottom: 0px;
}

.timeline p.category a {
	color:#fff;
}




/* social-timeline */
.social-timeline {
	width:auto;
}

p.view-socialservice {
	text-align:right;
	font-size:12px;
	font-size:.75rem;
}

p.view-socialservice a {
	border: none;
	background: none;
	display: inline;
	padding: 0;
	margin: 0%;
	color:#302f3d;
}

/*===========詳細ページ==========*/
/* entry */
.entry {
	line-height:1.7;
		padding:6px 0 16px;
	padding:.375rem 0 1rem;
}

.entry p {
	margin:32px 0;
	margin:2rem 0;
}

.amazonjs_item,
.amazlet-box{
	overflow:hidden;
	margin-top: 2em;
}

article.entry-page aside {
	margin:32px 0;
	margin:2rem 0;
}


.entry {
	margin:24px 5%;
	margin:1.5rem 5%;
}

aside.summary {
	background:#fff;
	padding:2%;
	border:#d9e0e2 solid 1px;
		margin:0 50 24px;
	margin:0 0 1.5rem;
	width:44%;
	float:left;
}

div.wrap aside+aside {
	float:right;
}

div.wrap {
	overflow:hidden;
	zoom:1;
}

aside.timeline section h4 {
	margin:0 0 8px;
}

article.entry-page aside ul li a:after {
	color: #b4c4d0;
}

article.entry-page aside ul li a:hover:after {
	color: #302f3d;
}

article.entry-page header,
.index-page-header {
	margin-top:16px;
	margin-top:1rem;
}

article.entry-page header p a {
	text-align: left;
	font-size: 14px;
	font-size: 0.875rem;
	padding:4px 8px;
	padding:.25rem .5rem;
	background:#000000;
	display:inline;
	margin:0;
	border-radius:2px;
}

article.entry-page header p a:before {
	display:none;
}
article.entry-page header div {
	padding: 0 5% 16px;
	padding: 0 5% 1rem;
}

.next-back {
	overflow:hidden;
	zoom:1;
	margin: 16px 0;
	margin: 1rem 0;
}

.next-back p a {
	width:112px;
	width:7rem;
	font-size:12px;
	font-size:.75rem;
	padding:4px 0;
		padding:.25rem;
		margin:0;
}

.next-back p.prev {
	float:left;
	margin-top: 0;
}

.next-back p.next {
	float:right;
	margin-top: 0;
}

/* index-page */
.index-page header h1 {
	color:#302f3d;
	padding:0;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.4;
	font-weight:bold;
	margin: 16px 0 4px;
	margin:1rem 0 .25rem;
}

.index-page-header {
	padding: 0 0 24px;
	padding: 0 0 1.5rem;
	border-bottom:#d9e0e2 solid 1px;
}


.index-page header h1:before {
	font-family: "fontello";
	padding-right:16px;
	padding-right:1rem;
	color:#a9b2bc;
	font-size:24px;
	font-size:1.5rem;
	position:relative;
	top:-2px;
}

#horiemon-blog  .index-page header h1:before { content: '\e810'; } /* '' */
#interview .index-page header h1:before { content: '\e80f'; } /* '' */
#channel .index-page header h1:before { content: '\e809'; }
#news-curation .index-page header h1:before { content: '\e80d'; } /* '' */
#calender .index-page header h1:before { content: '\e80a'; } /* '' */
#channel .index-page header h1:before { content: '\e809'; } /* '' */
#ranking .index-page header h1:before { content: '\e813'; } /* '' */
#osusume-item .index-page header h1:before { content: '\e80c'; } /* '' */
#staff-info .index-page header h1:before { content: '\e80e'; } /* '' */
#mail-magazine  .index-page header h1:before { content: '\e80b'; } /* '' */


#sub-category  .index-page header h1:before,
#greeting  .index-page header h1:before {
	display:none;
}

/* osusume-item */
.lineup-wrap section {
	margin: 16px 0;
}

.sns li {
	padding:6px 32px 6px 16px;
}



/* ページの色わけ */
div#horiemon-blog  {
	border-top:#b1c45c solid 6px;
}
div#interview {
	border-top:#009cd1 solid 6px;
}
div#channel {
	border-top:#ffb13a solid 6px;
}

div#news-curation {
	border-top:#01c0c8 solid 6px;
}

div#ranking {
	border-top:#d2691e solid 6px;
	border-top:#803791 solid 6px;
}

div#calender {
	border-top:#5bae5d solid 6px;
}
div#osusume-item {
	border-top:#fc9853 solid 6px;
}

div#sub-category,div#staff-info,div#greeting {
	border-top:#54667a solid 6px;
}
div#mail-magazine {
	border-top:#976eb4 solid 6px;
	border-top:#d2691e solid 6px;
}

#horiemon-blog article header p,
#interview article header p,
#news-curation article header p,
#sub-category article header p,
#staff-info article header p,
#ranking article header p,
#horiemon-blog .index-page header h1,
#interview .index-page header h1,
#news-curation .index-page header h1,
#sub-category .index-page header h1,
#staff-info .index-page header h1,
#channel .index-page header h1,
#calender .index-page header h1,
#osusume-item .index-page header h1,
#greeting .index-page header h1,
#mail-magazine .index-page header h1,
#staff-member .index-page header h1,
#ranking .index-page header h1  {
	background:none;
}
#horiemon-blog article header p,
#interview article header p,
#news-curation article header p,
#sub-category article header p,
#staff-info article header p,
#ranking article header p,
#channel article header p,
#osusume-item article header p{
	display: inline;
}

/* #greeting */
#greeting {
	background:url(images/greeting-horie.jpg) no-repeat center 130px;
	background-size:auto;
}


p.horie-comment {
	padding-top:420px;
	padding-top:26.25rem;
	line-height:1.8;
	margin:16px 0;
	margin:1rem 0;
		line-height:2;
}

p.horie-comment+p {
	text-align:right;
	margin:16px 0;
	margin:1rem 0;

}

/* company */
.company dt {
	width:100px;
	width:6.25rem;
	font-size:14px;
	font-size:.875rem;
	padding:0 8px;
	padding:0 .5rem;
}

#pageheader form input.textinput:focus{
	width: 200px;
	background:url("images/search-icon.png") no-repeat right;
	background-size:20px 20px;
	padding-right:0px;
}
.mobile_layout{
	display:none;
}

.mobile-layout-calender{
	display:none;
}
.pc-layout-calender{
	display:inline;
}

}

@media screen and (min-width:61.25em){
	/* 980px */
	/* feature */
.first-feature {
	width: 67.5%;
	float:left;
}

.feature section {
	border:none;
}

.first-feature h2 {
	font-size:16px;
	font-size:1rem;
}

.secondly-feature {
	float: right;
	width: 29%;
	margin-top:0;
	display:inline;
}
.secondly-feature section,.secondly-feature section+section {
	float:none;
	width:auto;
	margin-bottom:10px;
	margin-bottom:.625rem;
	padding:0;
}


.attachment-sub_img,
.secondly-feature section > a {
	display:inline;
}

.timeline section.wide-photo img {
	width:auto;
	float:left;
	margin:0 16px 16px 0;
	margin:0 1rem 1rem 0;
}

.timeline section h2 {
	font-size:18px;
	font-size:1.125rem;
}

.timeline section.wide-photo div,
.timeline section:nth-child(2) div {
	min-width:130px;
}


/* social-timeline */
.social-timeline {
	width:auto;
	overflow:hidden;
	zoom:1;
}

.social-timeline .facebook {
	width:48%;
	float:left;
}

.social-timeline .twitter {
	width:48%;
	float:right;
}
.follow-buttom {
	height:60px;
}


}
.menu-toggle {
	display: none;
}

@media screen and (min-width:64.375em){
	/* 1030px */

/* osusume-item */

.lineup-wrap {
	overflow:hidden;
	zoom:1;
	margin: 32px 0;
	margin: 2rem 0;
}

#mail-magazine .lineup-wrap section {
	width:31.333333333333%;
	margin:0 1% 16px;
	float:left;
	text-align:center;
	min-height:25rem;
}

#staff-member .lineup-wrap section {
	width:31.333333333333%;
	margin:0 1% 16px;
	float:left;
	text-align:center;
	min-height:210px;
	min-height:13rem;
}


.lineup-wrap section a img {
	width:auto;
	float:left;
	margin:0;
}

#osusume-item .lineup-wrap section a img {
	width:auto;
	float:none;
	margin:auto;
	display:block;
}

#osusume-item .lineup-wrap section .osusumeimg{
	width:130px;
	float:left;
	margin-right:5px;
}

#staff-member section .member img{
	text-align: center;
	margin: auto;
	float:none;
	display: block;
	width:auto;
}

#staff-member section .member .staff_btn img{
	float:left;
	overflow:hidden;
	margin:0 3px;
}

#staff-member section .member .staff_btn{
	display:block;
	width:66px;
	margin:auto;
	padding:auto;
}

#staff-member .lineup-wrap section h3 {
	text-align:center;
}
#mail-magazine .lineup-wrap section .mail,
#mail-magazine .lineup-wrap section .osusume{
	min-height:415px;
	min-height:25rem;
}

#staff-member .lineup-wrap section .member{
	min-height:210px;
	min-height:13rem;
}
#mail-magazine .lineup-wrap section .osusume img{
	text-align: center;
	margin: auto;
	display: block;
}
#mail-magazine .lineup-wrap section a img {
	width:auto;
	float:none;
	margin:0;
}


.lineup-wrap section a:hover {
	border:#54667a solid 1px;
}

.lineup-wrap section.recomm_Box a:hover,
.lineup-wrap section.member_Box a:hover{
	border:none;
}

#mail-magazine .lineup-wrap section:nth-child(3n+1) {
	clear:both;
}

.lineup-wrap p {
	text-align:left;
}

#staff-member .lineup-wrap p {
	text-align:center;
	border-top: #d9e0e2 dotted 2px;
}

.lineup-wrap section h3 {
	font-size: 16px;
	font-size: 1rem;
	margin:16px 0;
	margin:1rem 0;
}




/* mail-magazine */
#mail-magazine h2.contents-headding {
	text-align:center;
	font-size:22px;
	font-size:1.375rem;
	margin:0;
}

.mail {
	padding:24px 16px;
	padding:1.5rem 1rem;
	padding:0;
}

#mail-magazine .lineup-wrap section h3 {
	margin:0 0 16px;
	margin:0 0 1rem;
	padding:0 0 16px;
	padding:0 0 1rem;
	border-bottom: #d9e0e2 dotted 2px;
}

#mail-magazine .lineup-wrap section h4 {
margin:0 0 8px;
	margin:0 0 .5rem;
	font-size:14px;
	font-size:.875rem;
}

#mail-magazine .lineup-wrap section h4 span {
	display:inline-block;
}

/* staff-member */
#staff-member h2.contents-headding {
	text-align:center;
	font-size:22px;
	font-size:1.375rem;
	margin:0;
}

#staff-member .lineup-wrap section h4 {
margin:0 0 8px;
	margin:0 0 .5rem;
	font-size:14px;
	font-size:.875rem;
}

#staff-member .lineup-wrap section h4 span {
	display:inline-block;
}


/* #greeting */
#greeting {
	background:url(images/greeting-horie.jpg) no-repeat 14% 180px;
	background-size:auto;
}

#greeting .index-page {
	padding-bottom:80px;
	padding-bottom:5rem;
}

p.horie-comment {
	margin-left:50%;
	padding-top:0;
}
	/* 1030pxEnd */
}



@media (max-width: 53.74em) {
ul.nav-menu,
div.nav-menu > ul {
	display: none;
}
#pageheader h1 img{
	max-width:57%;
	height:auto;
}
/* Small menu */
html.ie8 .menu-toggle {
	display: block;
}

.side_baner {
	margin:0 auto 0 -20px;
	margin-left:-20px;
	text-align:center;
}

.menu-toggle {
	cursor: pointer;
	display: inline-block;
	content: '\e807'; /* '' */
	font-size: 1.5rem;
	color: #000000;
	text-align: center;
	line-height: 1.7;
	position: absolute;
	top: 4px;
	left: 10px;
	margin:0;
}
.toggled-on .nav-menu,
.toggled-on .nav-menu > ul {
	display: block;
	width: 100%;
}
.secondly-feature {
	display:none;
}
.feature h2{
	font-weight:600;
}

.calendar-container {
	padding-bottom: 140%;
}

.single_ad,
.double_ad .ad1{
	margin:60px auto 15px auto;
}
.side-contents .single_ad{
	margin:15px auto 15px -10px;
}
.double_ad .ad1{
	float:none;
}
.double_ad .ad2{
	display:none;
}


}

@media only screen and (min-width: 53.75em) and (max-width: 68em){
.single_ad,
.double_ad .ad1{
	margin:50px auto 15px -10px;
}
.double_ad .ad1{
	float:none;
}
.double_ad .ad2{
	display:none;
}

}

.first-feature{
	position:relative;
}
#new-icon{
position:absolute;
top:0;
left:0;
z-index:999;
width: 0px;
height: 0px;
border-style: solid;
border-width: 100px 100px 0 0;
border-color: #ffff00 transparent transparent transparent;
}