/*
カスタム CSS へようこそ!

CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。

デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
/* アイキャッチを左側に表示 */
.img-right .entry-img {
	float: left;
}

.img-right .entry-img img {
	margin: 0 15px 15px 0;
}

/*●段組み*/
.box-wrap .box-l {
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
/*boxの枠線の指示*/
}

.box-wrap .box-r {
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}

#main-contents .box-wrap .title {
	margin-bottom: 1.5em;
	background-color: #999;
/*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p {
	margin: 0 10px;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}

/*
	CSS Migrated from Jetpack:
*/

/*
カスタム CSS へようこそ!

CSS (カスケーディングスタイルシート)
は、ブラウザに対し Web
ページの表示方法を指定するためのコードです。このコメントを削除し、カスタマイズを始めることができます。

デフォルトでは、ここで指定したカスタムスタイルはテーマのスタイルシートが読み込まれた後に追加されます。つまり、デフォルトの
CSS
ルールを上書きできるということです。テーマのスタイルシートの内容をここにコピーする必要はありません。追加したい内容だけを書き込んでください。
*/
/* グローバルナビをコンテンツエリアの幅にする */
.glovalnavi {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	border-right: 1px solid rgba(0,0,0,0.15);
	border-left: 1px solid rgba(0,0,0,0.15);
	border-radius: 5px;
}

.glovalnavi ul {
	border-left: none;
}

/* グローバルメニューのメニュー項目を均等割付 */
.glovalnavi-inner > ul {
	display: table;
	width: 100%;
}

.glovalnavi-inner > ul > li {
	display: table-cell;
	float: none;
}

/* サブコンテンツをスマホで常に表示 */
@media(max-width: 640px) {
	.sub-btn {
		display: none !important;
	}
	
	.sidebar {
		display: block !important;
	}
}

/* スマホ表示時の余⽩を変更 */
@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;
	}
}

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

.img-right .entry-img img {
	margin: 0 15px 15px 0;
}

/* ヘッダー背景を白に */
.banner {
	background: none;
}

/* Youtube動画をレシポンシブに */
.move {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.move iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

#search-box {
	display: block;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 30px;
}

#search-box input.search-text {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 170px;
	height: 20px;
}

#search-box input.search-go {
	float: right;
	margin: 0;
}