@charset "UTF-8";

/* ----------------------------------------------------
　smart phone
　2015.11.06 - 2016.09.16
----------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:767px) {

#footer, #header, .innerwrap-custom-header, #bodywrap, #main-navigation, .innerwrap {
  margin:0 auto;
  padding:0;
  max-width:100%; 
  width:auto;
  overflow:hidden;
}

/* ----- header ---- */

#header {
	background-color:rgba(255,255,255,1.0);
	position:fixed;
	top:0;
	left:0;width:1100px;
	height:40px;
	z-index:1;
	border-bottom:solid 1px #38C;
	-webkit-box-shadow:0px 5px 5px -5px #888;
	-moz-box-shadow:0px 5px 5px -5px #888;
	box-shadow:0px 5px 5px -5px #888;
}

#siteinfo {
	margin:0 auto;
	padding:0;
	text-align:center;
	z-index:1;
	overflow:hidden;
	max-width:1200px;
	float:left;
}

#siteinfo.header-overlay-on {
	margin:0;
	float:left;
}

#siteinfo img.header-logo {
	margin:0;
	padding:0;
	width:170px;
	height:auto;
	float:left;
}

#topbanner {
	margin:0;
	padding:0;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	height:0;
}

/* ----- side menu ---- */
#mobile-nav {

max-width:600px;
	margin:0;
	padding:0;
	float:right;
}

#mobile-menu {
	margin:0;
	padding:10px 5px 5px 5px;
	float:right;
}

#mobile-menu a {
	background-color:#EEE;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	border:solid 1px #DDD;
	font-size:9px;
	padding:5px;
	color:#333;
	text-decoration:none;
}


aside.home-feat-cat {
    border-style:none;
    border-width:0;
    float:left;
    padding-bottom:2em;
	margin:0 !important;
    width:100% !important;
}

aside.home-feat-cat .feat-thumb img {
    height:auto;
    width:100%;
}


/* -------　LAYOUT ------- */

.content {width:100% !important;}

#wrapper {
	margin:0 auto;
	padding:8px 0 0 0;
	text-align:center;
}

/* -------　両サイト枠 ------- */

#post-entry, #right-sidebar {
margin:auto;
width:100% !important;
padding:0 !important;
}

.container-wrap {
    margin-top:20px;
}

.post-time {
    padding:0 0 0 7px;
}

.sharedaddy {
    padding:0 0 0 7px;
}

#header-right { width:100%; text-align:center;}


#header-right .social-and-search {
margin:0px;
padding:0.6em;
float:left;
width:auto;
}

#container .flex-caption h1  {
	margin:0 0 0.125em;
	font-size:1.55em;
}

#container ol.commentlist li ul.children li.depth-2 {
margin: 0 0 0 0px;
}

#left-container { display:none; }

#wrapper-main {
background: transparent !important;
box-shadow: 0 2px 5px transparent !important;
}

.jcpost h1{font-size:2.5em !important; }


#post-related .feat-cat-meta {margin:0px 0.8em 0.5em 0px !important;}

#wrapper .content { width:100%; padding:0% !important;  }
footer .fbox { width:100%; padding:0%; }

.jcpost {width:auto !important;float:left;}
#slidearea,#gallerycover,.jcpost {height: 530px !important;}

.ftop { width:94%; padding: 2em 3% !important; }
.footer-left, .footer-right {width:100% !important; padding: 0.25em 0;}
.footer-right {margin:0; padding:0;}
.footer-right ul {float: left !important;}
.footer-right ul li {margin: 0 10px  0 0 !important;}

div#mobile-nav { display:inline !important; }

#top-navigation .sf-menu, #main-navigation .sf-menu {display:none;}

#custom .flexlarge .flex-image {
	width:360px;
	height:220px;
	overflow:hidden;
	position:absolute;
	right:30px !important;
	bottom:0px !important;
	border:6px solid #FFF;
	top:21px;
	box-shadow:0 2px 0 #FCF9EE, 0 4px 0 rgba(0, 0, 0, .15);
}

/* ----　arcive title ----- */
.archive-title-list {
	margin:0;
	padding:0;
	font-size:0.8em;
	letter-spacing:-1px;
	font-weight:normal;
	line-height:0.0em;
}

footer .innerwrap , header .innerwrap, .innerwrap-custom-header, #bodywrap, #main-navigation .innerwrap {
	margin: 0px auto;
	padding: 0px;
	max-width: 100%; 
	width:auto;
	#text-align:center;
}


/* ----　広告枠 ----- */

#topbanner {
	background-color:#333;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:0;
}

/* 記事タイトル */

.post-top {
	border-bottom:1px solid #EEE;
}

#post-title-wrap {
	padding:0 10px 0 10px;
	border-left:0;
}

#post-entry article.post-single h1.post-title, h1.folio {
	padding:8px 0 3px 0;
	font-size:2.0em;
	line-height:1.2em;
	letter-spacing:-2px;
	color:#000;
	font-weight:400;
}

h2.sub-title {
	padding:2px 2px 5px 2px;
	font-size:1.3em;
	line-height:1.2em;
	letter-spacing:-1px;
	color:#333;
	font-weight:400;
	border-bottom: dotted 1px #EEE;
}

.post-content h3 {
	margin:5px 5px 20px 5px;
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing:0;
}

.post-content h4 {
	margin:5px 5px 20px 5px;
	font-size:1.2em;
	line-height:1.5em;
	letter-spacing:0;
}


/* -------　本文 ------- */

#post-entry article.post-single .post-content {
	font-size:1.30em;
	line-height:1.6em;
	letter-spacing:0;
	margin:0;
	padding:0;
}

#post-entry p {
	font-size:100%;
	padding:0 15px 0 15px;
}

/* ----------------------------------------------------
　Etoki SP Difference
  2016.09.16
------------------------------------------------------- */

.wp-caption {
	margin:auto;
	border:0;
	padding:0;
	overflow:hidden;
}

.aligncenter {
	margin:0 0 15px 0;
	padding:5px 0 5px 0;
	width:100%;
	clear:both;
	display:block;
	text-align:left;
}

.alignright {
	padding:1px 0 2px 10px;
	margin:0 0 15px 0;
	clear:both;
	display:block;
	text-align:left;
}


#post-entry p.wp-caption-text {
	padding:5px 2px 2px 5px;
	color:#555;
}

.wp-caption img {
	display:block;
	margin:0 auto;
	max-width:100%;
	clear:both;
	border:0;
	box-shadow:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	text-align:center;
}

/* -------　記事の続き ------- */
#nextpage-navi {
	margin:0 10px 0 10px;
	padding:10px 20px 20px 0;
	text-align:center;
}

#nextpage-navi a {
	width:97%;
	margin:0 auto;
	padding:12px;
	font-size:1.0em;
	text-decoration:none;
	display:block;
	box-shadow:3px 3px 3px -3px rgba(0, 0, 0, 0.18);
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#nextpage-navi a:link {
	background-color:#FFF;
	color:#333;
	border:solid 1px #555;
	text-decoration:none;
}

#nextpage-navi a:visited {
	background-color:#EEE;
	color:#222;
	border:solid 1px #000;
	text-decoration:none;
}

#nextpage-navi a:hover {
	background-color:#000;
	color:#FFF;
	border:solid 1px #555;
	text-decoration:none;
}

/* --------　インタビュー  -------- */

/* 質問文 */
span.interview-question { 
	padding:0 0 10px 0;
	line-height:0.9em;
	letter-spacing:0;
	color:#666;
}

/* 回答者 */
strong.interview-box1 { 
	color:#CC3;
}

strong.interview-box2 { 
	color:#3CC;
}

strong.interview-box3 { 
	color:#3C8;
}

strong.interview-box4 { 
	color:#C5A;
}

strong.interview-box5 { 
	color:#E38;
}

strong.interview-box6 { 
	color:#AA3;
}

strong.interview-box7 { 
	color:#CC3;
}

strong.interview-box8 { 
	color:#C83;
}

strong.interview-box9 { 
	color:#83C;
}

strong.interview-box10 { 
	color:#03C;
}

/* ----------------------------------------------------
　記事下部お知らせ
------------------------------------------------------- */
a.musicfortune-bottom-wrap {
	text-align:center;
	width:97%;
	margin:10px 0 20px 0;
	padding:5px;
	font-size:1em;
	text-decoration:none;
	display:block;
	border:dotted 1px #000;
    box-shadow:0 0 2px #fff, 0 0 2px #EEE, 0 0 1px #CCC;
    -webkit-box-shadow:0 0 3px #fff, 0 0 2px #EEE, 0 0 1px #CCC;
    -moz-box-shadow:0 0 2px #fff, 0 0 2px #EEE, 0 0 1px #CCC;
	text-decoration:none;
}

a:link.musicfortune-bottom-wrap {
	background-color:#FFF;
	color:#000;
}

a:visited.musicfortune-bottom-wrap {
	background-color:#FFF;
	color:#000;
}

a:hover.musicfortune-bottom-wrap {
	background-color:#035;
	color:#FFF;
}

dd.gallery-caption {
	font-size:9px;
	line-height:1.0em;
	letter-spacing: -1px;
	color: #333;
}

img.attachment-thumbnail {
	padding:5px;
}


#mobile-nav {
	margin: 0;
	padding: 0;
}
#mobile-nav .innerwrap {
	margin:0;
	width:100%;
}

#sitemap-page {
	margin:0;
	padding:10px 0 0 0;
	clear:both;
	line-height:1.0em;
}

#sitemap-page p {
	margin:0;
	padding:0;
	line-height:1.0em;
}

#sitemap-page a {
	display:block;
	width:100%;
	margin:0;
	padding:5px 0 5px 0;
	line-height:1.0em;
	border-bottom:solid 1px #EEE;
	border-top:solid 1px #FFF;
}

#sitemap-page a:link {
	color:#333;
	text-decoration:none;
	background-color:#FFF;
}

#sitemap-page a:visited {
	color:#333;
	text-decoration:none;
	background-color:#FFF;
}

#sitemap-page a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#05A;
}


/* ----------------------------------------------------
　arcive list
  アーカイブ　＝各ページ＋HOME NEWS＝ 
  以下全てPC差分
  2016.09.10
------------------------------------------------------- */
#archive-list img.archive-list-img {
	width:70px;
	height:65px;
	margin:0 10px 0 2px;
}

#archive-list strong {
	font-size:1.4em;
	letter-spacing:-1px;
	line-height:1.0;
}

#archive-list span.secondary-title-arcive {
	font-size:1.0em;
	letter-spacing:-1px;
	line-height:1.0;
}

#archive-list span.entry-time-arcive {
	padding:0;
	font-size:0.8em;
	letter-spacing:-1px;
	line-height:1.0;
}

/* ----　archive wrap ----- */
#archive-list a {
	width:95%;
}

/* ----------------------------------------------------
　arcive list HOME
  アーカイブ　＝HOME MAIN＝ 
  2016.09.10
------------------------------------------------------- */

#archive-list-home img.archive-list-img {
	min-width:380px;
	max-width:800px;
	height:180px;
	object-fit:cover;
	object-position:top;
	border:0;
}

#archive-list-home strong {
	padding:0 15px 0 10px;
}

#archive-list-home span.secondary-title-arcive {
	padding:0 15px 0 10px;
}

#archive-list-home span.entry-time-arcive {
	padding:0 15px 0 10px;
}


/* ----------------------------------------------------
　arcive list HOME alter
  アーカイブ　＝HOME alter＝ 
  2016.09.10
------------------------------------------------------- */

#archive-list-alter {
	padding:10px 15px 3px 10px;
}

img.archive-list-img-home-news {
	width:110px;
	height:70px;
	object-fit:cover;
	object-position:top;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	border:1px solid #999;
}

#archive-list-alter strong {
	font-size:1.5em;
}

#archive-list-alter span.secondary-title-arcive {
	font-size:1.1em;
}

/* ----------------------------------------------------
　News Photos  Difference
  2016.09.16
------------------------------------------------------- */

#photonews-wrap h1 {
	font-size:1.6em;
}

#photonews-wrap h2 {
	margin:0;
	padding:8px;
	font-size:1.9em;
}

#entry-caption p {
	padding:8px 8px 0 8px;
}

#entry-caption-more p {
	padding:8px 8px 0 8px;
}


/* ----------------------------------------------------
　Music fortune SP
  2016.09.16
------------------------------------------------------- */

#musicfortune-title-wrap h2 {
	padding:5px;
	font-size:1.8em;
	line-height:1.3em;
	letter-spacing:0;
}

#musicfortune-post-wrap img.mfjacket-short {
	padding-left:10px;
	width:180px;
}

#musicfortune-post-wrap h3 {
	font-size:1.5em;
	letter-spacing:0;
}

#musicfortune-post-wrap h4 {
	font-size:1.5em;
	letter-spacing:0;
	font-weight:normal;
}

/* 音楽占い */

#flash-topics-ver2 {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:0;
}

/* ----------------------------------------------------
　Navigation search SP
  2016.09.18
------------------------------------------------------- */

#menu-search {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:0;
/* ------------
	margin:3px 0 0 0;
	padding:0 0 1px 0;
	overflow:hidden;
	width:100%;
	background-color:#27C;
	float:left;
	text-align:left;
-------------------- */
}

#menu-searchform {
	margin:0;
	padding:5px 0 0 0;
	text-align:left;
}

#menu-searchform input {
	float:left;
	text-align:left;
}

#menu-searchform input.menu-search-submit {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	cursor:pointer;
	display:block;
	width:30px;
	height:25px;
	background: url(/wp-content/themes/mesocolumn/images/search-button.png) no-repeat 0 0;
	border:0;
}

input.menu-search-submit:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


#menu-searchform input[type='text'] {
	background:#FFF;
	color:#333;
	width:280px;
	border:0;
	height:25px;
	text-align:left;
}

#menu-searchform input[type='text']:focus {
	width:80%;
	border:1px solid #38D;
	width:280px;
	height:35px;
	text-align:left;
}

#menu-searchform label {
	display:none;
}

#menu-searchform input[type='submit'] {}



/* 記事内告知 */

.news-info-area {
	background-color: #EEE;
	margin:8px;
	padding:8px;
	color:#000;
	word-wrap:break-word;
	border:dotted 1px #555;
}


/* ----------------------------------------------------
　SP NAVIGATION
  2016.11.27
------------------------------------------------------- */

#main-navigation-wrap {
	background-color:#333;
	width:100%;
	height:43px;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
	border:0;
	box-shadow:0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 0 rgba(0, 0, 0, 0) inset;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-khtml-border-radius:0;
	border-radius:0;
	text-align:center;
}

#sp-navi-main {
	width:100%;
	text-indent:0;
	overflow:visible;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#sp-navi-main ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sp-navi-main li {
	float:left;
	margin:0;
	padding:0;
}

#sp-navi-main a {
	margin:0;
	padding:18px 20px 8px 10px;
	display:block;
	text-transform: capitalize;
	font-size:1.0em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#sp-navi-main  a:hover {
	background-color:#FFF;
	color:#2c7bdb;
}


/* ----------------------------------------------------
　記事中広告
  2016.12.03
------------------------------------------------------- */

#ad-word-wrap {
	margin:0;
	padding:0 0 15px 0;
	width:100%;
	clear:both;
	display:block;
	font-size:7px;
	text-align:center;
display: inline;
}

#ad-word-wrap .op-ad {
	margin:0;
	padding:0;
display: inline;
}


}
/* sp end  */