@charset "utf-8";

/*
Theme Name: LP_Designer_2CR_PTS_v3.0
Theme URI: http://lpdesigner.net
Description: WordPress用2カラムレスポンシブテーマ
Version: 3.0
Author: テンプレートざんまい
Author URI: http://tpl-zanmai.info
License: GNU General Public License
Tags: wordpress, buisiness, shop
*/


@import url("normalize.css");
@import url("title_box.css");
@import url("gnavi.css");

/*-------------------------------------
　基本スタイル　
-------------------------------------*/
body {
	background-color: #FFF;
	color: #333; /* フォントカラーの設定 */
	font-family: "Meiryo UI","メイリオ",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 100%; /* 基本フォントサイズの設定 */
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
 
.clearfix:after {
	clear: both;
}
 
.clearfix {
	*zoom: 1;
}

.container,
.containerL {
	margin: 0 auto 20px;
	max-width: 1000px;
	width: 100%;
}

.main {
	margin-bottom: 0;
	overflow:hidden;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	margin-bottom: 20px;
}

/*-------------------------------------
　アイコンフォント
-------------------------------------*/
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-sitemap:before {
	content: "\f0e8";
}

/*-------------------------------------
　リンクカラー
-------------------------------------*/
/*------　リンクカラー　------*/
a:link,
a:visited,
a:active {
	color: #1e73be;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
}

/*------　画像リンク透過　------*/
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*-------------------------------------
　ヘッダー　
-------------------------------------*/
/*------　メニューバー（iPhone）　------*/
.top {
	margin-top: 50px;
}

.bottom {
	margin-bottom: 55px;
}

.title {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*------　ロゴ画像　------*/
.titleTop {
	text-align: center;
	padding: 0;
}

.titleTop img {
	max-width: 100%;
}

.titleTop h1 img {
	margin: 0;
}

/*------　ロゴテキスト　------*/
.titleTop h1,
.titleTop p {
	font-size: 20px;
	font-weight: bold;
	max-width: 450px;
	margin: 0 auto;
	padding-bottom: 0;
}

/*------　ロゴ画像 右　------*/
.descriptionSm {
	float: none;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0;
}

/*-------------------------------------
　メイン画像　
-------------------------------------*/
.headerImg {
	margin: 0 0 20px;
	padding: 0;
}

/*-------------------------------------
　パンくず
-------------------------------------*/
.breadcrumb, #breadcrumb {
	margin: 0 10px;
}

.breadcrumb ul li, #breadcrumb ul li {
	font-size: 14px;
	list-style: none;
	float: left;
}

/*-------------------------------------
　タイトルバー
-------------------------------------*/
h1.posttitle,
h2.posttitle,
h3.posttitle {
	color: #FFF;
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 5px;
	border-left: 7px solid #80CEDD;
	background: #029EBC;		
}

h2.posttitle a {
	color: #FFF;		
}

h2.posttitle a:hover {
	padding-left: 15px;		
}

/*-------------------------------------
　ウィジェット　
-------------------------------------*/
.box {
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.main .box {
	background-color: #FFF;
}

/*-------------------------------------
　サイドメニュー　
-------------------------------------*/
.sidemenu {
	width: 100%;
	position: fixed;
	left: 0;
	z-index: 9999999999;
	margin: 0;
	padding: 0;
	background: #000;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:linear-gradient(#4d4d4d,#1a1a1a);
}

.sidemenu ul {
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.sidemenu ul li {
	margin: 0;
	padding: 0;
	display: table-cell;
}

.sidemenu ul li a{
	width: 25%;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 0px;
	display: block;
	display: table-cell;
	background: #000;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:linear-gradient(#4d4d4d,#1a1a1a);
}

#sidr .box {
	margin-bottom: 0;
}

.fa-chevron-left,
.fa-chevron-right,
.fa-chevron-up,
.fa-home,
.fa-list {
	font-size: 21px;
}

/*------　メニュー右リストマーク　------*/
section .widget ul li a,
section .widget ul li.recentcomments {
	position: relative;
	display: block;
	margin-bottom: 0;
}

section .widget ul li a:after,
section .widget ul li.recentcomments:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*------　メニュー右リストマーク非表示　------*/
section .widget ul li.recentcomments a:after,
#sidr section .widget ul li a:after {
	border-top: none;
	border-right: none;
	border-bottom: none;
}

section .widget ul#recentcomments li.recentcomments a {
	border-bottom: none;
}

.pageN ul li a,
.sidemenu ul li a {
	border-bottom: none;
}

.pageN ul li a:after,
.sidemenu ul li a:after {
	border-top: none;
	border-right: none;
}

/*-------------------------------------
　ページ・投稿
-------------------------------------*/
.main_sep_l {
	width: 100%;
	float: none;
	overflow: hidden;
}

.main_sep_r {
	width: 100%;
	float: none;
	overflow: hidden;
}

/*-------------------------------------
　コンテンツ　
-------------------------------------*/
article.blog {
	background-color: #FFF;
}

.container .post,
.containerL .post {
	background-color: #FFF;
}

.contents {
	margin: 30px 10px 40px;
	background-color: #FFF;
	overflow: hidden;
}

/*------　続きを読む　------*/
.contents a.more-link {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 12px;
	background: #029EBC;
	float: right;
}

.contents a:hover.more-link {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*------　ブックマーク　------*/
.bookmark {
	margin: 50px 15px;	
}

/*------　ポストインフォ　------*/
.postinfo {
	font-size: 12px;
	text-align: right;
	margin: 30px 0;
}

/*-------------------------------------
　メニューリスト　
-------------------------------------*/
section .widget ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

section .widget ul li a {
	font-size: 16px;
	padding: 10px 25px 10px 10px;
	margin: 0;
	text-decoration: none;
	background: #FFF;
	border-bottom: 1px solid #ccc;
}

section .widget ul li.recentcomments {
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

section .widget ul li a:before {
	font-size: 14px;
	content: '◆';
	padding-right: 5px;
}

/*------　ドロップダウンメニュー　------*/
section .widget ul li ul li a {
	font-size: 16px;
	display: block;
	padding: 10px 10px 10px 25px;
	margin: 0;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
}

section .widget ul li ul li a:before {
	font-size: 12px;
	content: '→';
	padding-right: 5px;
}

#sidr h3.mobi {
	font-weight:normal;
	padding:0.5rem 15px;
	margin:0 0 5px;
	color:#fff;
	line-height:1.5;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);
	background-image:linear-gradient(#4d4d4d,#1a1a1a);
	-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
	box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
}

#sidr section .widget ul li a {
	line-height: 1.6;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #333;
	border-bottom: none!important;
}

/*------　新着情報一覧　　------*/
.new_archive_list li {
	margin: 0;
	padding-top: 10px;	
}

.new_archive_list li a {
	font-size: 14px;
	display: block;
	margin: 0;
	padding: 0 10px 10px;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

.new_archive_list li time,
.new_archive_list li a time {
	font-size: 14px;
	color: #666;
	padding: 0 10px;
}

/*-------------------------------------
　メインバナー（3個）
-------------------------------------*/
.thumbs {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 20px;
}

.thumbs .thumsOne {
	display: table-cell;
	vertical-align: top;
	width: 33%;
}

.thumbs p {
	font-size: 14px;
	text-align: none;
	padding: 0 5px 5px;
}

.thumbs p img {
	padding: 2px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

/*-------------------------------------
　サイドバナー（3個）
-------------------------------------*/
.sideb {
	margin-bottom: 25px;
}

.sidebanner01 a {
	font-size: 16px;
	color: #fff!important;
 	font-weight: bold;
	line-height: 1.5;
	display: block;
	border-bottom: none;
	background: #029EBC;
	padding: 15px 10px; 
	margin: 0 0 15px;
}

.sidebanner01 a:before {
	font-size: 16px;
	content: '◆';
	padding-right: 5px;
}

.sidebanner01 a:hover {
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*-------------------------------------
　新着情報　
-------------------------------------*/
.main_sep {
	margin-bottom: 0;
}

/*-------------------------------------
　最新投稿記事ビジネス　
-------------------------------------*/
section.box {
	overflow: hidden;
}

.topnew {
	width: 100%;
	padding: 0 15px 20px;
	border-bottom: 1px dotted #CCC;
}

.box article:first-child {
	margin-top: 10px;
}

.topnew .thumnail {
	float: left;
	padding-top: 10px;
}

.topnew article {
	margin-top: 0;
	padding: 0;
}

.topnew h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 0;
	padding-left: 10px;
}

.topnew img {
	max-width: 90px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}

.postdateTop {
	font-size: 12px;	
	background: #EEE;
	padding: 3px 10px;
}

/*-------------------------------------
　サイドバー新着情報
-------------------------------------*/
.sidenew {
	width: 100%;
	padding: 0 15px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

.sidenew h4 {
	font-size: 14px;
	font-weight: normal;
	border-bottom: none;
	margin-top: 0;
	margin-bottom: 0;
}

.sidenew .thumnail {
	float: left;
	padding-top: 0;
}

.sidenew img {
	max-width: 60px;
	height: auto;
	padding: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}

/*------　プロフィール　------*/
.prof img {
	width: 200px;
	padding: 2px;
	margin-top: 15px;
	border: 1px solid #CCC;
}

.prof p {
	font-size: 12px;
	padding: 5px 15px 0;
	line-height: 1.3;
}

.prof-button a {
	padding: 15px;
	background: #999;
	text-align: center;
	width: 160px;
	margin: 15px auto 0;
	display: block;
}

.prof-button a span {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}

.prof-button a:hover {
	color: #666;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*-------------------------------------
　ページナンバー
-------------------------------------*/
nav.pageN {
	margin: 0 10px 20px;
}

.pagenation {
	clear: both;
	padding: 0;
	position: relative;
	font-size: 14px;
	line-height: 1.4;
}
 
.pagenation span,
.pagenation a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	border: 1px solid #CCC;
	background: #FFF;
}
 
.pagenation a:hover {
	color: #fff;
	background: #666;
}
 
.pagenation .current {
	padding: 6px 9px 5px 9px;
	border: 1px solid #CCC;
}

/*-------------------------------------
　フッター　
-------------------------------------*/
.footer {
	padding: 0;
	width: 100%;
}

/*------　フッターウィジェット　------*/
footer .widgetboxL,
footer .widgetboxC,
footer .widgetboxR {
	background: #FFF;
}

/*------　コピーライト下マージン　------*/
p.copyright {
	font-size: 14px;
	text-align: center;
//	margin-bottom: 55px;
}

/*-------------------------------------
　画像の配置
-------------------------------------*/
/*------ センター配置　------*/
.aligncenter {
	margin: 0 auto 10px;
	display: block;
}

.aligncenterb {
	margin: 0 auto 10px;
	padding: 2px;
	border: 1px solid #CCC;
	display: block;
}

.wp-caption {
	text-align: center;
}

/*-------------------------------------
　画像の配置解除
-------------------------------------*/
/*------ 右寄せ　------*/
.alignright {
	margin: 0px auto 10px;
	float: none;
	display: block;
}

.alignrightb {
	margin: 0px auto 10px;
	padding: 2px;
	border: 1px solid #CCC;
	float: none;
	display: block;
}

/*------ 左寄せ　------*/
.alignleft {
	margin: 0px auto 10px;
	float: none;
	display: block;
}

.alignleftb {
	margin: 0px auto 10px;
	padding: 2px;
	border: 1px solid #CCC;
	float: none;
	display: block;
}

.alignnoneb {
	padding: 2px;
	border: 1px solid #CCC;
}

/*-------------------------------------
　コメント
-------------------------------------*/
h3.comments {
	color: #FFF;
	font-size: 16px;
	background: #80CEDD;
	padding: 5px 10px 5px;
	margin-bottom: 15px;
	border-left: 7px solid #029EBC;
}

ul.comments-list li {
	list-style: none;
}

.reply {
	font-size: 14px;
	margin-top: 20px;
}

.comment {
	margin: 15px;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.comment:last-child {
	margin-bottom: 40px;
}

.comment p {
	margin-top: 15px;
}

.comment-meta {
	font-size: 12px;
	margin-top: 5px;
}

h3.comment-reply-title {
	font-size: 16px;
	font-weight: normal;
	margin-left: 15px;
}

.bypostauthor {
	background-color: #EEE;
}

.commentmeta {
	font-size: 16px;
}

p.logged-in-as {
	margin-left: 15px;
}

p.comment-notes {

}

p.comment-notes {
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 20px;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-comment {
	margin-top: 10px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label,
p.comment-form-comment label {
	margin-left: 15px;
	margin-bottom: 5px;
	display: block;
}

p.comment-form-author input,
p.comment-form-email input,
p.comment-form-url input {
	padding: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}

p.comment-form-comment textarea {
	padding: 5px;
	margin-left: 15px;
	margin-bottom: 20px;
	width: 90%;
}

span.required {
	color: #FF0000;
}

p.form-submit input#submit {
	padding: 10px;
	margin-left: 15px;
	margin-bottom: 20px;
}

/*------　コメントページネーション　------*/
ul#comments-pagination {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 30px;
}

li#prev-comments {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width: 50%;
	padding-left: 15px;
}

li#next-comments {
	display: table-cell;
	vertical-align: top;
	text-align: right;
	width: 50%;
	padding-right: 15px;
}

/*-------------------------------------
　カレンダー
-------------------------------------*/
#wp-calendar {
	width: 90%;
	margin: 0 auto 20px;
	font-size: 12px;
	text-align: center;
}

#wp-calendar a {
	font-weight: bold;
}

#wp-calendar a:hover {
	border: none;
}

#wp-calendar td, #wp-calendar th {
	width: 13%;
}

#wp-calendar caption {
	padding: 6px 8px;
	font-weight: bold;
	color: #036;
}

#wp-calendar #prev {
	text-align: left;
	padding-top: 3px;
	padding-left: 3px
}

#wp-calendar #next {
	text-align: right;
	padding-top: 3px;
	padding-right: 3px
}

.widget_calendar table#wp-calendar tbody td {
	border: 1px solid #CCC;
}

.widget_calendar table#wp-calendar thead th {
	border: 1px solid #999;
	background-color: #CCC;
	font-weight: normal;
}

table#wp-calendar,
table#wp-calendar tfoot td {
	border: none;
}

/*-------------------------------------
　ウィジェット設定（マージンなど）
-------------------------------------*/
/*------　バナー用　------*/
section.banner {
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}

/*------　テキスト、タグ　------*/
.textwidget,
.tagcloud {
	margin: 10px;
}

/*------　検索　------*/
.widget_search form {
	font-size: 14px;
	margin: 10px 10px 0;
}

.widget_search form input[type=text] {
	color: #333;
	width: 95%;
	margin-bottom: 5px;
	background-color: #FFF;
}

/*-------------------------------------
　テーマオプション設定　
-------------------------------------*/
/*------　記事上バナー　------*/
.AddUp {
	font-size: 12px;
	text-align:center;
	margin: 10px 0 50px;
}

/*------　記事下バナー　------*/
.AddDown {
	font-size: 12px;
	text-align:center;
	margin: 50px 0 20px;
}

/*-------------------------------------
　テーブル
-------------------------------------*/
.table {
	margin: 0 30px 20px;
}

article table {
	width: 100%;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
}

article table th {
	font-weight: normal;
	border: 1px solid #999;
	padding: 3px;
	background-color: #CCC;
}

article table td {
	border: 1px solid #999;
	padding: 5px;
}

/*-------------------------------------
　前後の投稿へのリンク
-------------------------------------*/
.pagelink {
	font-size: 14px;
	padding: 15px;
	overflow: auto;
	border-top: 1px dotted #CCC;
}

.pagelinkM {
	text-align: center;
	padding: 5px 0 10px;
	overflow: auto;
}

.pageprev {
	float: left;
}

.pagenext {
	float: right;
}

/*-------------------------------------
　関連記事
-------------------------------------*/
.related p {
	margin-bottom: 20px;
}

.related h3 {
	color: #666;
	font-size: 16px;
	background: #EEE;
	padding: 5px 10px 3px;
	margin: 0 0 15px;
	border-left: 7px solid #80CEDD;
}

ul#relation li {
	list-style-type: none;
	width: 100%;
	margin:0 0 10px;
	clear: both;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}

ul#relation li img {
	border: 1px #ddd solid;
	padding: 2px;
	background: #fff;
	margin: 0 5px 10px 0;
	width: 50px;
	float: left;
}

ul#relation li h4 {
	margin-top: 5px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	border-bottom: none;
	border-left: none;
	background: none;
}

/*-------------------------------------
　コンタクトフォーム7
-------------------------------------*/
.wpcf7-textarea,
.wpcf7-text,
.wpcf7-file {
	width: 100%;
	padding: 3px;
	margin-bottom: 15px;
}

input.wpcf7-submit {
    padding: 10px 15px;
}

/*-------------------------------------
　faceboofズレ修正
-------------------------------------*/
.wsbl_facebook_like span,
.wsbl_facebook_share span {
	vertical-align: top !important;
}

.fb_iframe_widget {
	width: auto !important;
	display: inline-block !important;
}

/*-------------------------------------
　YouTube（レスポンシブ対応）
-------------------------------------*/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 55.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-------------------------------------
　ページトップへの設定
-------------------------------------*/
div.tothetop {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 1500;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div.tothetop a,
div.tothetop a:visited {
	display: block;
	color: #fff;
	padding: 10px 13px;
	margin: 0;
	background: #666;
	border: 1px solid #fff;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

div.tothetop a:hover {
	color: #FFF;
}

@media (min-width: 600px) {
/*-------------------------------------
　ヘッダー　
-------------------------------------*/
/*------　ロゴ画像 右　------*/
.descriptionImg {
	float: none;
	text-align: center;
	margin-top: 15px;
}

/*-------------------------------------
　メインバナー　
-------------------------------------*/
.thumbs p {
	text-align: center;
}

/*------------------------------------
　最新投稿記事ビジネス　
-------------------------------------*/
.topnew {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0 15px 15px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

.topnew .thumnail {
	float: none;
	display: table-cell;
	width: 100px;
	vertical-align: top;
	padding-top: 10px;
}

.topnew article {
	display: table-cell;
	margin-top: 0;
	padding: 0;
	vertical-align: top;
}

.topnew h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	padding-left: 10px;
	border-left: 7px solid #029EBC;
}

.topnew img {
	max-width: 90px;
	height: auto;
	padding: 2px;
	border: 1px solid #CCC;
}

.topnew p {
	font-size: 14px;
	margin-bottom: 10px;
}

p.postdateTop {
	background: #EEE;
	padding: 2px 10px;
	margin-bottom: 0;
}

/*-------------------------------------
　最新投稿記事画像　
-------------------------------------*/
.thumbsCatTop ul {
	margin-top: 16px;
}

.thumbsCatTop ul li {
	float: left;
	width: 160px;
	list-style-type: none;
	margin: 12px;
}

.thumbsCatTop ul li img {
	padding: 0.2px;
	border: 1px solid #CCC;
	margin: 0 auto;
	display: block;
}

.thumbsCatTop h3 {
	font-size: 14px;
	font-weight: normal;
	padding: 0 5px;
	margin: 0;
}

.thumbsCatTop span {
	padding: 0 5px;
	margin-top: 0;
	font-size: 14px;
}

/*-------------------------------------
　コンテンツ
-------------------------------------*/
.contents {
	margin: 30px 30px 40px;
}

/*-------------------------------------
　画像の配置
-------------------------------------*/
/*------ 指定なし　------*/
.alignnone {
	margin-bottom: 10px;
}

.alignnoneb {
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #CCC;
}

/*------ 指定なし　キャプション　------*/
div.alignnone {
	margin-bottom: 10px;
}

div.alignnoneb {
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #CCC;
}

/*------ 右寄せ　------*/
.alignright {
	margin: 0 0 10px 10px;
	float: right;
}

.alignrightb {
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 1px solid #CCC;
	float: right;
}

/*------ 左寄せ　------*/
.alignleft {
	margin: 0 10px 10px 0;
	float: left;
}

.alignleftb {
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #CCC;
	float: left;
}

/*------ 画像下キャプション　------*/
.wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 0;
}
}

@media (min-width: 700px) {
/*-------------------------------------
　グローバルメニュー　
-------------------------------------*/
/*------　グローバルナビをトップ固定　------*/
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
}

@media (min-width: 768px) {
/*------------------------------------
　ヘッダー
-------------------------------------*/
/*------　ロゴ画像　------*/
.titleTop {
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}

.titleTop img {
	max-width: 450px;
}

/*------　ロゴ画像 右　------*/
.descriptionImg {
	float: none;
	margin: 15px auto 0;
}

/*-------------------------------------
　メインエリアの幅、位置、マージン　
-------------------------------------*/
/*------　サイドバー右の場合　------*/
article.container {
	float: left;
	width: 100%;
	margin-right: -260px;
	margin-bottom: 20px;
}

article.container-1 {
//	float: left;
	width: 100%;
//	margin-right: -260px;
	margin-bottom: 20px;
}

article.container .container-in {
	margin-right: 260px;
}

article.container .container-in-1 {
	margin-right: 0;
}

/*------　サイドバー左の場合　------*/
article.containerL {
	float: right;
	width: 100%;
	margin-left: -260px;
	margin-bottom: 20px;
}

article.containerL .container-in {
	margin-left: 260px;
}

article.containerL .container-in-1 {
	margin-left: 0;
}

/*-------------------------------------
　タイトルバーのマージン
-------------------------------------*/
h2.posttitle,
h3.posttitle {
	margin: 0 0 10px;
	padding: 5px 8px;		
}

/*-------------------------------------
　トップページのウィジェット
　「メイン(L)」「メイン(R)」の位置、幅
-------------------------------------*/
.main_sep_l {
	width: 49%;
	float: left;
	overflow: hidden;
	margin-right: 2%;
}

.main_sep_r {
	width: 49%;
	float: right;
	overflow: hidden;
}

/*-------------------------------------
　ウィジェット　リスト設定
　マージン、リストマーク、下線
-------------------------------------*/
ul.new_archive_list,
aside ul,
footer ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

/*------　テキスト、タグ　------*/
.textwidget,
.tagcloud {
	margin: 10px;
}

.textwidget {
	font-size: 14px;
}

/*------　新着情報一覧　　------*/
.new_archive_list li {
	padding-top: 0;
}

.new_archive_list li a {
	font-size: 14px;
	display: block;
	padding: 10px;
	margin: 0 10px;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	background: none;
}

.new_archive_list li a:hover,
.new_archive_list li a:active {
	color: red;
	background: none;
}

ul.new_archive_list li time {
	padding: 0;
}

/*------　メニューリスト　------*/
section .widget ul li {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

section .widget ul li a {
	font-size: 14px!important;
	display: block;
	margin: 0 10px!important;
	padding: 10px 0!important;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
	background: none;
}

section .widget ul li.recentcomments {
	padding: 10px 0;
	margin: 0 10px;
}

section .widget ul li.recentcomments a {
	margin: 0!important;
}

section .widget ul li a:before {
	padding-right: 5px;
}

li.recentcomments a:hover,
li.recentcomments a:active,
section .widget ul li a:hover,
section .widget ul li a:active {
	color: red;
	background: none;
}

li.recentcomments {
	font-size: 14px;
}

/*------　ドロップダウンメニュー　------*/
section .widget ul li ul li a {
	display: block;
	padding: 10px;
	margin: 0 10px 0 25px!important;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	background: none;
}

section .widget ul li ul li a:before {
	content: '→';
	padding-right: 5px;
}

/*-------------------------------------
　最新投稿記事ビジネスタイプ設定
-------------------------------------*/
.topnew {
	display: table;
	table-layout: fixed;
	width: 95%;
	padding: 0 5px 15px;
	margin: 0 2.5% 10px;
	border-bottom: 1px dotted #CCC;
}

.topnew .thumnail {
	float: none;
	display: table-cell;
	width: 100px;
	vertical-align: top;
	padding-top: 10px;
}

.topnew article {
	display: table-cell;
	margin-top: 0;
	padding: 0;
	vertical-align: top;
}

.topnew h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	padding-left: 10px;
	border-left: 7px solid #029EBC;
}

.topnew img {
	max-width: 90px;
	height: auto;
	padding: 2px;
	border: 1px solid #CCC;
}

.topnew p {
	font-size: 12px;
	margin-bottom: 10px;
}

p.postdateTop {
	margin-bottom: 0;
}

/*-------------------------------------
　最新投稿記事画像タイプ設定
-------------------------------------*/
.thumbsCatTop ul li {
	float: left;
	width: 160px;
	height: 220px;
	list-style-type: none;
	margin: 10px 10px 10px 12px;
}

.thumbsCatTop ul li img {
	padding: 2px;
	border: 1px solid #CCC;
	margin: 0 auto 5px;
	display: block;
}

.thumbsCatTop h3 {
	font-size: 14px;
	font-weight: normal;
	padding: 0 5px;
	margin: 0;
}

.thumbsCatTop span {
	padding: 0 5px;
	margin-top: 0;
	font-size: 13px;
}

/*-------------------------------------
　サイドバー設定
-------------------------------------*/
/*------　サイドバー右　------*/
aside.container {
	float: right;
	max-width: 250px;
	margin-bottom: 40px;
}

/*------　サイドバー左　------*/
aside.containerL {
	float: left;
	max-width: 250px;
	margin-bottom: 40px;
}

/*------　メニュー右リストマーク非表示　------*/
section .widget ul li.recentcomments:after,
section .widget ul li a:after {
	border-top: none;
	border-right: none;
}

/*-------------------------------------
　サイドバー新着情報
-------------------------------------*/
.sidenew {
	width: 230px;
	padding: 0 5px 10px;
	margin: 0 10px;
}

/*-------------------------------------
　フッター設定
-------------------------------------*/
.footer {
	padding: 10px 0 0;
	width: 100%;
	background: #EEE;
}

footer.container {
	display: table;
	table-layout: fixed;
}

footer .widgetboxL,
footer .widgetboxC,
footer .widgetboxR {
	display: table-cell;
	width: 33%;
	padding-top: 30px;
	background: none;
}

footer .widgetboxL .box,
footer .widgetboxC .box,
footer .widgetboxR .box {
	margin: 0 15px;
}

/*------　コピーライト下マージン　------*/
p.copyright {
	margin-bottom: 0;
	padding-bottom: 15px;
}

/*-------------------------------------
　関連記事の設定
-------------------------------------*/
.related h3 {
	color: #666;
	font-size: 16px;
	background: #EEE;
	padding: 5px 10px 3px;
	margin: 0 0 15px;
	border-left: 7px solid #80CEDD;
}

ul#relation li {
	list-style-type: none;
	width: 100px;
	margin:0 16px;
	float:left;
	clear: none;
	border-bottom: none;
}

ul#relation li img {
	border: 1px #ddd solid;
	padding: 2px;
	background: #fff;
	margin-top: 0;
	margin-bottom: 0;
	width: 100px;
	float: none;
}

ul#relation li h4 {
	margin-top: 5px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	border-bottom: none;
}

/*-------------------------------------
	YouTube
-------------------------------------*/
.post .youtube,
#onecol .youtube {
	text-align: center;
}
}

@media (min-width: 1000px) {
/*------------------------------------
　パソコン表示設定（1000px以上表示）　
-------------------------------------*/
/*------------------------------------
　ヘッダー
-------------------------------------*/
/*------　ロゴ画像　------*/
.titleTop {
	float: left;
	margin-left: 15px;
	margin-bottom: 0;
}

.titleTop img {
	max-width: 450px;
}

/*------　ロゴ画像 右　------*/
.descriptionImg {
	float: right;
	margin: 0 15px;
}

/*-------------------------------------
　グローバルメニュー　
-------------------------------------*/
/*------　グローバルナビをトップ固定　------*/
.fixed {
	width: 1000px;
}

/*-------------------------------------
　メインエリアの幅、位置、マージン　
-------------------------------------*/
/*------　サイドバー右の場合　------*/
article.container {
	width: 730px;
	margin-right: 0;
}

article.container .container-in {
	margin-right: 0;
}

/*------　サイドバー左の場合　------*/
article.containerL {
	width: 730px;
	margin-left: 0;
}

article.containerL .container-in {
	margin-left: 0;
}

/*-------------------------------------
　トップページのウィジェット
　「メイン(L)」「メイン(R)」の位置、幅
-------------------------------------*/
.main_sep_l {
	width: 350px;
	margin-right: 0;
}

.main_sep_r {
	width: 350px;
}
}