/*
	Theme Name: Brownies
	Description: brownie-games.co.jp
	Author: oodaira
*/

@charset "utf-8";



/* カラーコレクション ============================================== */
/* 
 * body のID に応じてカラーを変更
 * 
 */
/* 会社情報ページ (デフォルト)------------------- */
/*  body */
body {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eac8ae), color-stop(0.67, #f4e0c7), color-stop(0.34, #f9eddc), color-stop(0.00, #f9f7ef));
	background: -webkit-linear-gradient(top, #f9f7ef 0%, #f9eddc 34%, #f4e0c7 67%, #eac8ae 100%);
	background: -moz-linear-gradient(top, #f9f7ef 0%, #f9eddc 34%, #f4e0c7 67%, #eac8ae 100%);
	background: -o-linear-gradient(top, #f9f7ef 0%, #f9eddc 34%, #f4e0c7 67%, #eac8ae 100%);
	background: -ms-linear-gradient(top, #f9f7ef 0%, #f9eddc 34%, #f4e0c7 67%, #eac8ae 100%);
	background: linear-gradient(to bottom, #f9f7ef 0%, #f9eddc 34%, #f4e0c7 67%, #eac8ae 100%);
	background-color: #eac8ae;
	background-repeat: no-repeat;
}

/*  slider */
#slider_container,
.company-tab {
	background-color: #bd6a46;
}
/* サイドメニューの非表示 */
#menu-fanmenu-container, #menu-browniemenu-container {
	display: none;
}
#menu-mainmenu-container {
	display: block;
}

/* ファンページ ------------------------------- */ 
/* ページ付け足した時のメニュー切り替えをここで制御してる */
/*  body */
.category-fan-page , .category-island ,.category-island-archive, .category-spiritrecord ,.category-spiritrecord-archive{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eac851), color-stop(0.67, #f4e072), color-stop(0.34, #f8f9be), color-stop(0.00, #f9f7ef));
	background: -webkit-linear-gradient(top, #f9f7ef 0%, #f8f9be 34%, #f4e072 67%, #eac851 100%);
	background: -moz-linear-gradient(top, #f9f7ef 0%, #f8f9be 34%, #f4e072 67%, #eac851 100%);
	background: -o-linear-gradient(top, #f9f7ef 0%, #f8f9be 34%, #f4e072 67%, #eac851 100%);
	background: -ms-linear-gradient(top, #f9f7ef 0%, #f8f9be 34%, #f4e072 67%, #eac851 100%);
	background: linear-gradient(to bottom, #f9f7ef 0%, #f8f9be 34%, #f4e072 67%, #eac851 100%);
	background-color: #eac851;
	background-repeat: no-repeat;
}
/*  slider */
.category-fan-page #slider_container,.category-island #slider_container,.category-island-archive #slider_container,
.category-spiritrecord #slider_container,.category-spiritrecord-archive #slider_container,
.fan-tab {
	background-color: #e6b427;
}
.category-fan-page #menu-mainmenu-container, .category-fan-page #menu-browniemenu-container ,
.category-island #menu-mainmenu-container,.category-island-archive #menu-mainmenu-container ,
.category-spiritrecord #menu-mainmenu-container,.category-spiritrecord-archive #menu-mainmenu-container{
	display: none;
}
.category-fan-page #menu-fanmenu-container , .category-island #menu-fanmenu-container,
.category-island-archive #menu-fanmenu-container,
.category-spiritrecord #menu-fanmenu-container,
.category-spiritrecord-archive #menu-fanmenu-container{
	display: block;
}

/* ブラウニーページ ------------------------------- */
/*  body */
.category-brownie-page, .category-diary, .category-snap, .category-journal, .category-karuta, .category-karuta-archive, .category-reqruitblog {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9eea8f), color-stop(0.67, #b2e377), color-stop(0.34, #ecf7a1), color-stop(0.00, #f9f8e2));
	background: -webkit-linear-gradient(top, #f9f8e2 0%, #ecf7a1 34%, #b2e377 67%, #9eea8f 100%);
	background: -moz-linear-gradient(top, #f9f8e2 0%, #ecf7a1 34%, #b2e377 67%, #9eea8f 100%);
	background: -o-linear-gradient(top, #f9f8e2 0%, #ecf7a1 34%, #b2e377 67%, #9eea8f 100%);
	background: -ms-linear-gradient(top, #f9f8e2 0%, #ecf7a1 34%, #b2e377 67%, #9eea8f 100%);
	background: linear-gradient(to bottom, #f9f8e2 0%, #ecf7a1 34%, #b2e377 67%, #9eea8f 100%);
	background-color: #9eea8f;
	background-repeat: no-repeat;
}
/*  slider */
.category-brownie-page #slider_container,
.category-snap #slider_container,
.category-reqruitblog #slider_container,
.category-diary #slider_container,
.category-journal #slider_container,
.category-karuta #slider_container,
.category-karuta-archive #slider_container,
.brownie-tab {
	background-color: #8acd25;
}
.category-brownie-page #menu-mainmenu-container, .category-brownie-page #menu-fanmenu-container,
.category-diary #menu-mainmenu-container, .category-diary #menu-fanmenu-container, 
.category-journal #menu-mainmenu-container,.category-journal #menu-fanmenu-container,
.category-karuta #menu-mainmenu-container,.category-karuta #menu-fanmenu-container,
.category-karuta-archive #menu-mainmenu-container,.category-karuta-archive #menu-fanmenu-container,
.category-snap #menu-mainmenu-container, .category-snap #menu-fanmenu-container,
.category-reqruitblog #menu-mainmenu-container, .category-reqruitblog #menu-fanmenu-container
{
	display: none;
}
.category-brownie-page #menu-browniemenu-container,
.category-diary #menu-browniemenu-container,
.category-journal #menu-browniemenu-container,
.category-karuta #menu-browniemenu-container,
.category-karuta-archive #menu-browniemenu-container,
.category-snap #menu-browniemenu-container,
.category-reqruitblog #menu-browniemenu-container
 {
	display: block;
}

/* 基本設定 ============================================== */

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
p{
	padding: 8px 0;
}
html{
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	height:100%;
}
body {
	height:100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 18px;
	line-height: 1.8rem;
	margin: 0;
	padding: 0;
	background-repeat:repeat-x;
	background-attachment: fixed;
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}
a,a:hover,a:visited,a:active {
	text-decoration: none;
}

span.mark-symbol{
    font-size: 8px;
}
span.font-color-1{
    color: #008BBB;
}

/* headline ============================================== */
/*
   ★ H1～H6までの使い方の目安。
 */
/* page title    */ h1 { font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; }
/* posts title   */ h2 { font-size: 20px; font-size: 2.0rem; line-height: 30px; line-height: 3.0rem; }
/* post title    */ h3 { font-size: 18px; font-size: 1.8rem; line-height: 27px; line-height: 2.7rem; }
/* element title */ h4 { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; }
/* minor title   */ h5 { font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; }
/* minimum title */ h6 { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; }

/* ------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	text-shadow: 1px 1px 3px #b3b2b0;
	color: #2d1b0d;
}
h1    { font-weight: bolder;  }
h2    { font-weight: bold;    }
h3,h4 { font-weight: normal;  }
h5,h6 { font-weight: lighter; }
strong{
	color: #2d1b0d;
	font-weight: bold;
	text-shadow: 1px 1px 3px #b3b2b0;
}

/* リスト設定 ============================================== */
.linelist li {
	display: inline;
}
.nobullet, .nobullet li  {
	list-style-type: none;
}
/* 汎用 float 設定 ============================================== */

.left-box{
	float: left;
}
.right-box{
	float: right;
}
.clear{
	clear: both;
}
.float-box{
	display: inline-block;
	margin: 0 auto;
}
.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}

/* 構造設計 ============================================== */
#menu-column{
  	float: left;
}
#content-column{
  	float: left;
}
#overwrapper{
	margin-bottom: -80px;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}
#wrapper{
 	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
}
footer .padding-box {
}
/* slider --------------------------------------------- */
#slider_container{
	margin-bottom: 14px;
	padding: 8px 0;
	width: 980px;
	height: 210px;
	border-radius: 2px;
	position: relative;
	z-index: 10;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#slide_holder{
	display: block;
	position: relative;
}

#slider_container img{
	position: absolute;
	width: 980px;
	height: 210px;
	display: none;
}

#slider_container img:first-child{
	display: inline;
}

/* 各種パーツ設定 ============================================== */

/* menu-column -------------------------------------------- */
#sidebar-left
{
	width:100%;
	margin-bottom:16px;
}
.menu-mainmenu-container {
	margin-right: 8px;
}
/* content-column -------------------------------------------- */
/* content */
#content
{
	width: 100%;
	float:left;
	margin: 0 8px 16px 0;
}
.post {
	border-radius: 15px;
	background-color: #fffcf7;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.6) inset, 2px 2px 2px rgba(100,90,70,0.2);
	padding: 20px 5.8%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/* 表紙用 */
#mod-info, #recent-news{
	font-size: 12px;
	color: #ffffff;
	background-color: #df1f1f;
	border-radius: 3px;
	padding-left: 20px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.aside-box{
	padding: 8px 1%;
	display: box;
	margin: 0 1% 8px 0;
	width: 97%;
	background-color: #df1f1f;
	border-radius: 2px;
	color: white;
	text-align: center;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.pillar-box{
	padding: 8px 1%;
	display: box;
	margin: 0 1% 8px 0;
	width: 97%;
	border-radius: 2px;
	text-align: center;
}

/* footer */
footer, footer a, footer a:hover, footer a:visited, footer a:active{
	text-align: center;
	width: 100%;
	height:80px;
	color:#ac8f83;
	position: relative;
	margin-top: -80px;
}
footer a:hover{
	text-decoration: underline;
}
footer .padding-box{
	padding: 0;
	margin: 0 auto;
	height:80px;
	background-color: #f9eddc;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.6) inset, 2px 2px 2px rgba(100,90,70,0.2);
	border-radius: 2px;
	text-align: right;
}
footer section#credit-and-copyright{
	padding: 10px 20px;
}
#credit-and-copyright ul {
	pading-top:8px;
}
#credit-and-copyright li {
	display: inline;
	list-style-type: none;
	font-size: 10px;
}
#credit-and-copyright li::before {
	display: inline;
	width: 12px;
	content: ' ≫ ';
}

/* ------------------------------- */
/* ------------------------------- */
  #wrapper, footer .padding-box{
	width: 980px;
  }
  #menu-column{
  	width: 240px;
  }
  #content-column{
  	width: 740px;
  }


/* menu bar ============================================== */
/*
/* logo ------------------------------------------------ */
header{
}
header#MrBrown{
	width: 980px;
	margin: 0 auto;
}
header#MrBrown a.logoimage {
	padding: 6px 12px;
	display: block;
	float: left;
}
header::after{
	display: block;
	content: '';
	clear: both;
}

/* ナビゲーションバー */
nav {
	width: 100%;
	height: 32px;
	bottom: 8px;
}
nav .menu-categorymenu-container{
	width: 100%;
}

nav ul#menu-categorymenu{
}

nav li  {
	height: 32px;
	list-style-type: none;
	margin-top: 0;
	float: left;
	width: 327px;
	border-radius: 8px 8px 0 0;
}
nav li:first-child  {
	width: 326px;
}
#body-company-page nav .company-tab ,
#body-fan-page nav .fan-tab ,
#body-brownie-page nav .brownie-tab {
}
nav li a {
	display: block;
	padding: 8px 0 6px 8px;
	height: 18px;
	color: #ffffff;
	font-size:16px;
	font-weight: 500;
	border-radius: 2px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
nav li:hover  {
	margin-top: -4px;
	height: 36px;
}


/* main menu ============================================== */
/*
	menu を widget で組み込み。
	テキストを表示せず、ページごとに違うアイコンをつける。
	縦幅をcssで確保し、imageはabsoluteで載せる。
 */
/* li */
.widget-area .menu-item{
	list-style-type: none;
	position: relative;
	width: 97%;
	min-height: 42px;
	border-bottom: dashed 1px #222222;
	padding-bottom: 8px;
}
/* a タグ */
.widget-area .major-subject{
	position: absolute;
	display: block;
	margin: 8px 4px;
	width: 231px;
	height: 34px;
	font-size: 0;
	background-repeat: no-repeat;
}

/* hover用 */
.widget-area .menu-item .mouseover, .widget-area .major-subject:hover{
/*	position: absolute;
	width: 223px;
	height: 34px;*/
}
/* comingsoon 用 */
.csholder{
	position: absolute;
	left: 110px;
	top: 8px;
}
.comingsoon{
	width: 130px;
	height: 32px;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 16px;
	background-image:url(images/popup_menu.png);
}
.comingsoon div{
	width: 115px;
	height: 22px;
	border-radius: 16px;
	text-align: center;
	padding: 5px 0 5px 0;
	left: 14px;
	position: absolute;
	color: #ffffff;	
	box-shadow: 4px 4px 8px rgba(0,0,0,0.5);
}
/* hover用 */
.widget-area .major-subject div{
	display; block;
	content: ' ';
	opacity: 0;
	width: 0;
	height: 32px;
	position: absolute;
	background-position: 0 -34px;
	border-radius: 17px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.widget-area .current_page_item a, 
.category-fan-page .widget-area .current-page-ancestor a, 
.widget-area .current-menu-item a, 
.widget-area .current-menu-parent a, 
/* newsのシングルは個別対応 */
#body-news .menu-news a,
/* gallery用 */
.category-brownie-journal #major-subject-journal
{
	z-index: 6; /* dummy to trigger hover animation */
	background-position: 0 -68px;
}

/*
  diaryカテゴリー中では、親カテゴリーを指すメニューのbrownie-topにもcurrent-menu-parent
  がついてしまうので、更にうち消す。
 */
body.category-snap #major-subject-brownietop,
body.category-reqruitblog #major-subject-brownietop,
body.category-diary #major-subject-brownietop{
	z-index: 0; /* remove the trigger */
	background-position: 0 0;
}

/* top */
#major-subject-topics, #major-subject-topics div{
	background-image:url(images/sidemenu_top.png);
}
/* news */
#major-subject-news, #major-subject-news div{
	background-image:url(images/sidemenu_news.png);
}
/* company */
#major-subject-company, #major-subject-company div{
	background-image:url(images/sidemenu_company.png);
}
/* recruit */
#major-subject-recruit, #major-subject-recruit div{
	background-image:url(images/sidemenu_recruit.png);
}
/* contact */
#major-subject-contact, #major-subject-contact div{
	background-image:url(images/sidemenu_contact.png);
}
/* fan top  */
#major-subject-fantop, #major-subject-fantop div{
	background-image:url(images/sidemenu_top.png);
}
/* doodles  */
#major-subject-doodles, #major-subject-doodles div{
	background-image:url(images/sidemenu_graffiti.png);
}
/* island */
#major-subject-island, #major-subject-island div{
	background-image:url(images/sidemenu_island.png);
}
/* エグリア精霊記 */
#major-subject-spiritrecord, #major-subject-spiritrecord div{
	background-image:url(images/sidemenu_spiritrecord.png);
}
/* voice */
/* mail post */
/* brownie top */
#major-subject-brownietop, #major-subject-brownietop div{
	background-image:url(images/sidemenu_top.png);
}
/* gallery */
/* snap */
#major-subject-snap, #major-subject-snap div{
	background-image:url(images/sidemenu_snap.png);
}
/* reqruitblog */
#major-subject-reqruitblog, #major-subject-reqruitblog div{
	background-image:url(images/sidemenu_reqruitblog.png);
}
/* 社長blog */
#major-subject-diary, #major-subject-diary div{
	background-image:url(images/sidemenu_blog_kame.png);
}
/* journal */
#major-subject-journal, #major-subject-journal div {
	background-image:url(images/sidemenu_journal.png);
}
/* ぶらかるた */
#major-subject-karuta, #major-subject-karuta div {
	background-image:url(images/sidemenu_karuta.png);
}
/* coming soon */
.major-subject-comingsoon, .major-subject-comingsoon div{
	background-image:url(images/sidemenu_working.png);
}

/* side Bar ============================================== */

.content-list-post_type{
	margin-top: 0;
}
.minor-items-box {
	margin: -1px 0 0 0;
	padding: 0;
	border-top: dashed 1px #333333;
}
.minor-content-element {
	position: relative;
}
.minor-content-element .cli-title {
	width: 220px;
	height: 30px;
	display: block;
	padding: 10px 4px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-bottom: dashed 1px #333333;
}
.minor-content-element .cli-title::before {
	display: inline;
	content:"? ";
}
.its-me{
	background-color: orange;
}

.cli-title:hover {
	background-color: #fec0c0;
}

.cli-date {
	position: absolute;
	display: block;
	min-width: 95px;
	float: right;
	right: 4px;
	bottom: 4px;
	color: #a0a0a0;
	font-size: 9px;
	font-size: 0.9rem;
	text-align: right;
}
.major-content-element .cli-date {
	clear: both;
}


/* img ============================================== */

img.top{
	vertical-align:top;
}

img.middle{
	vertical-align:middle;
}

.aligncenter{
	display: block;
	margin: 0 auto;
}

.no_shadow{
	box-shadow: 0 0 0 #000 !important;
	border: none 0px #fff !important;
}

/* post ============================================== */
.summary{
	margin: 2px 10px;
}
.major-list{
/* placeholder */
}
.major-list li{
	margin: 10px 24px;
}
.major-list li li{
	margin-bottom: 0px;
}
.minor-list{
	padding: 12px 0; 
}
.minor-list li{
	list-style-type: none;
	padding: 4px 4px 4px 12px;
}
.minor-list li ul, .minor-list li ol{
	padding: 4px 4px 4px 24px; 
}
.minor-list li ul li{
	list-style-type: disc;
	padding: 2px 2px 2px 6px; 
}
.minor-list li ol li{
	list-style-type: decimal;
	padding: 2px 2px 2px 12px; 
}
ul li ul.micro-list{
	padding: 0; 
}
ul li ul.micro-list li{
	display: inline;
	padding: 0; 
}
.post .message{
	padding: 4%;
}
.post .major-caption{
	padding: 0 4%;
	margin-bottom: 20px;
}
.post .element-title{
	float: left;
}
.post .element-body{
	float: left;	
}
.width25{ width: 25%; }
.width75{ width: 75%; }
.post-title, .list-header{
	position: relative;
	color: #202020;
	border-bottom: solid 1px #303030; 
}
.snap-headtitle{
	background-image:url(images/snap_title_banner.png); 
	background-repeat:repeat-x; 
	width: 700px;
/*	height: 170px;*/
	margin-left: -22px;
	padding-top: 174px;
/*	border-bottom: none 0 #303030; */
}
.content-header{
	position: relative;
	color: #202020;
	margin-bottom: 12px;
}
.content-header h1,.content-header h2,.content-header h3,.content-header h4,
.list-header h1,.list-header h2,.list-header h3,.list-header h4{
	font-weight: bolder;
	color: #202020;
	display: inline;
}
.list-header div, .content-header div{
	color: #c0c0c0;
	font-size: 12px;
	font-size: 1.2rem;
	display: inline;
	padding-left: 1rem;
}
.read-more{
	position: absolute !important;
	bottom: 4px !important;
	right: 0 !important;
}
.read-more img{
	box-shadow: 0 0 0 #000 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 none #000 !important;
}
.post-core{
	padding: 30px 4%;
}
.post-meta{
	text-align: right;
	color: #c0c0c0;
}
.post-archive img{ display: table-cell;}

/* for snap */
.post-core p{
	clear: both;
}
.alignleft{
	float: left;
	margin-right: 12px;
}
.snap-core .post-meta{
	margin-bottom:20px;
	border-bottom:solid #cccccc 1px;
}
/* for snap end */

div.post-archive {
	padding: 10px 4% 0;
	margin: 10px 10px 0 10px;
	display: table;
	height: 100px;
	width: 100%;
}
.underdotting{
	border-bottom: dotted 2px #c0c0c0;
}
.underdotting .post-core{
	padding-bottom: 10px;
}
.loading-icon-box{
	position: absolute;
}
.loading-icon-box img{
	border: none 0 #c0c0c0 !important;
	box-shadow: none !important;
}
.closeme{
	cursor: pointer;
	text-align: right;
	color: #5050c0;
}
.ajax_loading{
	cursor: pointer;
}
* html div.post-archive ,*+html div.post-archive {
	position: relative;
}
div.spacer {
	padding: 12px;
	display: table-cell;
	vertical-align: bottom;
}
* html div.spacer, *+html div.spacer {
	position: absolute;
	top: 50%;
}

.wp_social_bookmarking_light::before{
	height: 20px;
	display: block;
	content: '';
}
.wp_social_bookmarking_light{
	float: right;
}
.post img{
	position:relative;
	max-width:97%;
	height: auto;
	padding: 5px;
	margin-bottom: 20px;
	border: solid 1px #c0c0c0;
	box-shadow: 0 8px 12px #ccc;
}
.post form img{
	box-shadow: 1px 1px 2px #ccc;
	margin: 2px 2px 2px 2px;
	background-color: #fff;
	padding: 2px;
}
/* company用 =========================================== */

.item-box{
    width: 540px;
    padding: 15px 15px 15px;
    margin: 30px 0;
}

/* news用 ============================================== */
.news-group, .recent-news-group{
	padding: 0;
	margin: 8px 0;
} 

/* article */
.news-unit{
	margin-bottom: 8px;
	position: relative;
	background-color: #fffcf7;
	box-shadow: 1px 1px 1px rgba(255,255,255,0.6) inset, 2px 2px 2px rgba(100,90,70,0.2);
	padding: 8px 16px;
}
.news-body-box p{
	padding: 3px 0;
}
.news-group .news-icon-box {
	width: 90px;
	height: 90px;
}
.news-icon-box {
	float: left;
	padding: 3px 5px 8px 5px;
	z-index: 0;
}
.recent-news-group .news-icon-box {
	padding: 5px;
}
.news-icon-box img{
	box-shadow: 3px 0px 8px #979797;
	position: relative;
	margin: 0;
	border: 0 !important;
	padding: 0 !important;
}
.news-head-icon{
	border-radius: 12px !important;
	box-shadow: 3px 3px 8px #979797;
	border: 0 !important;
	padding: 0 !important;
}
.news-title{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	font-size:15px;
	padding-left: 12px;
	display: none;
	border-bottom: dashed 1px #ccc;
}
.news-title-mini{
	padding-left: 0px;
}
.news-core{
	float: left;
	margin-left: 10px;
}

.icon-base{
	width: 80px;
	height: 80px;
	margin: 4px 6px 10px 6px;
	background-image:url(images/thumbnail_other.png);
	border-radius: 12px;
	position:relative;
}
.icon-base div{
	position:absolute;
	width: 100%;
	height: 100%;
}
.news-meta{
	font-size:10px;
	font-size:1.0rem;
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 16px;
	color:#a0a0a0;
}


/* page navi ------------------------------------------- */
.page-nav{
	width: 100%;
	position: relative;
	height: 36px;
	margin: 20px 0;
}
.page-nav a.prev{
	position: absolute;
	display: inline-block;
	width: 25%;
	padding: 12px;
}
.page-nav a.next{
	position: absolute;
	display: inline-block;
	width: 25%;
	padding: 12px;
	right: 0;
	text-align: right;
}
.wp-pagenavi{
	margin-top: 12px;
}
/* form用 ============================================== */

#body_fan .wpcf7-form{
	background-image: url(http://www.sayonaraoyasumi.net/wp/wp-content/uploads/2013/02/strip_05_709.gif);
	border-radius: 12px;
	border: solid #f0e0c0 1px;
}

#body_fan .wpcf7 input, #body_fan .wpcf7 textarea {
	border: double 3px #c0b0a0;
}

#body_company .wpcf7-form img{
	box-shadow: 0 0 0 #000000 !important;
}

/* tabbox用 ============================================== */

.tab-box{
	outline: solid 1px #cccccc;
	margin-bottom: 20px;
}
.tab-labels{
	background-color: #eeeeee;
	width: 100%;
}
.tab-label{
  -webkit-transition-property: color,background-color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
	display: inline-block;
	margin-top: -1px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 10px;
	cursor: pointer;
	font-weight:bold;
}
.tab-label:hover{
  -webkit-transition-property: color,background-color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
	background-color: #f86868;
	color: #ffffff;
}
.hot-label{
	background-color: #ef1f1f;
	color: #ffffff;
	cursor: default;
}
.tab-folders{
	margin-top: -1px;
	border-top: solid 1px #cccccc;
	background-color: #eeeeee;
	width: 100%;
	position: relative;
}
.tab-folder {
	background-color: #ffffff;
	width: 90%;
	position: absolute;
	display: none;
	padding: 5%;
}
.hot-folder{
	position: relative;
	display: block;
}


/* widget用 ============================================== */

#twitter-widget iframe{
	background-color: transparent;
	text-align: center;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.widget{
	position: relative;
	margin-bottom: 20px;
}
.widget h3 {
	font-size: 12px;
	margin: 0 1% 10px 0;
	width: 98.5%;
	text-align: center;
	color: white;
	background-color: rgba(0,0,0,0.65);
	border: solid 1px #101010;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

/*　=======================================================
   下矢印付きBOX（説明用）
 */
.arrowbox, .no-arrowbox{
    position: relative;
    background-color: #f7dd64;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 20px;
}
.arrowbox::before {
    position: absolute;
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #f7dd64;
    border-width: 10px 10px 0;
}
.post-core .arrowbox img, .post-core .no-arrowbox img{
	box-shadow: 0 0 0 ;
	margin: 10px auto;
	background-color: #fff;
	padding: 0;
	border: none 0 #fff;
}

/* gallery用 ============================================== */
.gallery{
	margin-top: 12px;
	padding-top: 12px;
	border-top: dashed 1px #ccc;
}
.gallery-item{
	outline: dashed 0px gray;
	margin-bottom: 8px;
	border-bottom: dashed 1px #ccc;
	list-style-type: none;
}
.gallery-icon{
	float: left;
	width: 240px;
	outline: dashed 0px red;
}
.gallery-item:nth-child(2n) .gallery-icon{
	float: right;
	outline: dashed 0px black;
}
.gallery-title{
	float: left;
	padding: 0 16px;
	width: 325px;
	outline: dashed 0px blue;
}
.gallery-caption{
	float: left;
	padding: 0 16px;
	width: 325px;
	outline: dashed 0px green;
}
.gallery-content{
	float: left;
	padding: 0 16px;
	width: 325px;
	outline: dashed 0px orange;
}
.gallery-item::after{
	content: '';
	display: block;
	clear: both;
}
/* 絵日記用 ============================================== */
.journal{
	margin-top: 12px;
	padding-top: 12px;
	border-top: dashed 1px #ccc;
}
.journal-item{
	outline: dashed 0px gray;
	margin-bottom: 8px;
/*	border-bottom: dashed 1px #ccc; */
width: 33%;
float: left;
	list-style-type: none;
}
.journal-icon{
	float: left;
	height: 220px;
	outline: dashed 0px red;
}
.journal-icon img{
	width: 160px;
	height: 200px;
	outline: dashed 0px orange;
}
.journal-title{
	float: left;
	padding: 6px;
	text-align: center;
	width: 160px;
	outline: dashed 0px blue;
}
.journal-item::after{
	content: '';
	display: block;
	clear: both;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* for galleries children list*/
.children-list{
	list-style-type: none;
}
.gallery-list-title{
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 4px;
}
.children-list .hidden{
	display: none;
}
.children-list .child-element::after{
	display: block;
	content: '';
	clear: both;
outline: dotted 0px red;
}
.children-list .name{
	width: 60%;
	text-align: right;
	float: right;
	font-size: 120%;
	padding-right: 35px;
outline: dotted 0px blue;
}
.children-list .date{
	display: none;
	width: 40%;
	float: right;
outline: dotted 0px green;
}

/* ブラウニーズ島用 ============================================== */
.island-title-banner{
}
.island-title-banner img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}
.island-footer{
  padding-top:30px;
}
.island-headtitle{
  padding-top: 5px;
}
.island-form img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}
.island-archive img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}
.ex-top-padding img{
  padding-top: 30px;
}
/* ブラウニーズ島の記事 ==================== */
.islandImg{
  clear:both;
  padding-top: 20px;
  text-align: center;
}
.userName{
  width:420px;
  height:40px;
  text-align:right;
  float:right;
}
.userName h4{
  font-size: 23px;
}
.artistContent{
 padding-top: 55px;
}
.artistContent::after{
	content: '';
	display: block;
	clear: both;
}
.artistImg img{
  border: none;  
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.artistIcon{
  width: 100px;
  text-align: center;
  float: left;
}
.artistIcon p{
  padding: 2px 0;
  font-size: 90%;
}
.artistComent{
 width: 440px;
 background-color: #fff;
 float: right;
 border: solid 1px;
 position: relative;
 padding: 5px 15px;
 border-radius: 5px;
 margin-top: 5px;
}
.artistComent:after {
  content: '';
  position: absolute;
  border-top: 10px solid transparent;
  border-right: 20px solid #fff;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: 11px;
  left: -30px;
}
.artistComent:before {
  content: '';
  position: absolute;
  border-top: 11px solid transparent;
  border-right: 20px solid #000;
  border-left: 11px solid transparent;
  border-bottom: 11px solid transparent;
  top: 10px;
  left: -32px;
}
.villageContent{
 padding-top: 45px;
}
.villageContent::after{
	content: '';
	display: block;
	clear: both;
}
.villageImg img{
  border: none;  
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.villageIcon{
  width: 100px;
  text-align: center;
  float: right;
}
.villageIcon p{
  padding: 2px 0;
  font-size: 90%;
}
.villageComent{
 width: 440px;
 background-color: #fff;
 float: left;
 border: solid 1px;
 position: relative;
 padding: 5px 15px;
 border-radius: 5px;
 margin-top: 5px;
}
.villageComent:after {
  content: '';
  position: absolute;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 20px solid #fff;
  border-bottom: 10px solid transparent;
  top: 15px;
  right: -30px;
}
.villageComent:before {
  content: '';
  position: absolute;
  border-top: 11px solid transparent;
  border-right: 11px solid transparent;
  border-left: 20px solid #000;
  border-bottom: 11px solid transparent;
  top: 14px;
  right: -32px;
}

/* ブラウニーズ島のトップページ ============ */
.island-description{
  position: relative; 
}  
.island-mini-post{
  position: absolute;
  top: 110px;
  left: 480px;
}
.island-mini-post img{
  border: none;  
  box-shadow: none;
}
.island-post-Number{
  float:left;
  width:175px;
  height:40px;
  margin-top: 8px;
}
.island-post-Number h3{
 font-size: 23px;
}
.island-post-title{
  height:44px;
}

/* ブラウニーズ島のアーカイブページ ======== */
.island-archive-list{
  padding-top: 35px;
}
.island-archive-box{
  list-style-type: none;
  text-align: center;
  width: 300px;
  margin: 15px 13.5px;
  float: left;
}
.articleEnd{
  padding-top: 25px;
}
.island-archive-list + .wp-pagenavi{
  padding-top: 30px;
}
.islandThum{
  height: 210px;
  padding-bottom: 15px;
}

/* ぶらかるた ==================================================== */

/* ぶらかるた記事 */
.karuta-archive-list{
  /* .karuta-archive-listのheightはjQueryで記事数を見て制御します  */
}
.karutaImg{
  list-style-type: none;
  text-align: center;
  width: 300px;
  float: left;
}
.karutaImg-box{
  height:360px;
  padding-bottom: 20px;
}
.karutaImg img{
  border: none;
  max-width: 100%;
  box-shadow: none;
  margin: 0;
}
.karuta-box{
  list-style-type: none;
  text-align: center;
  width: 200px;
  float: left;
  padding: 30px 9px 10px;
}
.karutaThum{
  height: 225px;
}

.karutaThum img{
  border: none;
  max-width: 100%;
  box-shadow: none;
  margin: 0;
  }
.karuta-footer{
  padding-top:10px;
}
.karuta-archive img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}
.karuta-title-banner{
  width: 700px;
  margin-left: -22px;
}
.karuta-title-banner img{
  border: none;  
  box-shadow: none;
  padding: 0;
  margin: auto;
  display: block;
  max-width: 100%;
}
/* ぶらかるたのSNSアイコン邪魔だから消した */
.karuta-core .wp_social_bookmarking_light{
  display: none;
}

/* エグリア精霊記用 ============================================== */
.spiritrecord-title-banner{
}
.spiritrecord-title-banner img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}
.spiritrecord-footer{
  padding-top:30px;
}
.spiritrecord-headtitle{
  padding-top: 5px;
}
.spiritrecord-form img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}
.spiritrecord-archive img{
  border: none;  
  box-shadow: none;
  padding: 0;
  max-width: 100%;
}

/* エグリア精霊記のトップページ ============ */
.spiritrecord-description{
  position: relative; 
}  
.spiritrecord-post-Number{
  float:left;
  height:40px;
  margin-top: 6px;
}
.spiritrecord-post-Number h3{
 font-size: 23px;
}
.spiritrecord-post-title{
  height:30px;
}
/* エグリア精霊記のアーカイブページ ======== */
.spiritrecord-archive-list{
  padding-top: 25px;
  min-height: 280px;
}
.spiritrecord-archive-box{
  list-style-type: none;
  text-align: center;
  width: 280px;
  margin: 18px 21.5px;
  float: left
}
.articleEnd{
  padding-top: 25px;
}
.spiritrecord-archive-list + .wp-pagenavi{
  padding-top: 30px;
}
.spiritrecordThum{
  height: 210px;
  padding-bottom: 15px;
}