@charset "utf-8";

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

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

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



/* １カラムの幅をページ幅と同じにする */
.column1 .contents,
.column1 .main {
width: 98%;
}




a:hover {
position:relative;
top: 10px;
left:10px;
}



/* スマホ表示時の余?を変更 */
@media(max-width: 1000px) {
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
padding-right: 10px !important;
padding-left: 10px !important;
}
.entry,
.main .widget {
margin: 0 0 10px !important;
}
.main-inner > .entry,
.main-inner > .widget {
padding: 10px !important;
}
.main-inner > .entry .entry-title,
.main-inner > .widget .widget-title {
top: -10px !important;
margin: 0 -10px !important;
}
}



/* サイドバーにもオプション色を設定する */
.sub li a,
.sub li a:visited {
color: #1111cc;
}

.banner {
background:none;
}


/* 日付けを非表示 */
.entry-meta .date {
display: none;
}


/* ページ全体の幅を変更 */
.header-bar-inner,
.banner-inner,
.glovalnavi-inner,
.container-inner,
.footer-menu-inner,
.footer-inner {
max-width: 1000px; /* ページ全体の幅 */
}



/* アイキャッチを左側に表示 */
.img-right .entry-img {
float: left;
}
.img-right .entry-img img {
margin: 0 15px 15px 0;
}


/* ソーシャルボタン全部について、左右に20px間隔にする */

.sb-button {
    text-align: left !important;
    float: left;
    margin: 0px 20px 0px 0px !important;
}

/* Twitter ボタンの幅調整 */
iframe.twitter-share-button {
	width: 115px !important;
}



/* スマホで見た時に、常にサブコンテンツを表示させる方法 */

@media(max-width: 640px) {

.sub-btn {
display: none !important;
}

.sidebar {
display: block !important;
}

}


/* 各記事のコメント欄で、ウェブサイトのURLとメールアドレスを消す方法 */



{}CSS
.comment-form-email,
.comment-form-url {
	display: none;
}







/* ==========================================================================
   3.4 フッターエリア
   ========================================================================== */

/* フッターメニュー */

.footer-menu {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 0;
}

.footer-menu .footer-menu1,
.footer-menu .footer-menu2,
.footer-menu .footer-menu3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 33.333%;
}

.footer-menu .footer-menu1-inner {
	padding-right: 4%;
	padding-left : 0;
}
.footer-menu .footer-menu2-inner {
	padding-right: 2%;
	padding-left : 2%;
}
.footer-menu .footer-menu3-inner {
	padding-right: 0;
	padding-left : 4%;
}

.footer-menu {
	width: 100%;
}

/* フッター */

.footer {
	clear: both;
	border-top: 1px solid #fff;
	background: #fff;
	box-shadow: 0 10px 10px rgba(000, 000, 000, .25) inset;
}

.footer-inner {
	padding: 2em 0;
	text-align: left;
	font-style: normal;
	font-size: 14px;
	font-size: 1.1rem;
	line-height: 1;
}

.footer p, 
.footer small {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 15px;
	font-size: 1.1rem;
}

.footer p {
	float: right;
	text-align: right;
}

.footer small {
	float: left;
	text-align: left;
}

.footer p a, 
.footer p a:visited, 
.footer small a, 
.footer small a:visited {
	color: #333;
	text-decoration: none;
}

.footer p a:hover, 
.footer small a:hover {
	color: #ededed;
}



/* 目次の中央表示 */
#toc_container {
margin-left: auto;
margin-right: auto;
}



/* サイトの文字の大きさの変更 */
html {
font-size: 15px;
}