@charset "utf-8";

/*
Theme Name: SMAoriginal
Description:SMA_original_car
Theme URI: http://totalrepair-sma.com
Author: Mitsuru Saitoh
Author URI: http://totalrepair-sma.com
Version: 1.0
*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #000;	/*全体の文字色*/
	background: #cccccc;	/*全体の背景色*/
	margin: 0px;
	padding: 0px;
	/*font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	*//*文字サイズ・行間、フォントファミリー*/
	font-size:14px;
	line-height: 200%;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #fff;	/*リンクテキストの色*/
}
a:hover {
	color: #ff0000; /*#fee32e;*/			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}


/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 1200px;	/*コンテナー幅*/
	margin: 0px auto;
	background: #015601;	/*コンテナー背景色*/
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents{
	clear: left;
	width:96.6%;	/*コンテンツ幅*/
/*	width:1160px;*/
	padding-top: 20px;
	margin: 0px auto;
}



/*フッター部
---------------------------------------------------------------------------*/
footer {
	width:100%;
	clear:left;
}

/*メイン部
---------------------------------------------------------------------------*/
#main {
	width: 78.4%;	/*メインコンテンツ幅*/
/*	width:910px;*/
/*	margin-left:30px;*/
	float:right;
	padding-bottom: 30px;
	background:#ffffff;
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	width: 18.9%;	/*サブコンテンツ幅*/
/*	width:220px;*/
	float:left;
	padding-bottom: 30px;
	color: #fff;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*ヘッダーの幅*/
	height: 130px;	/*ヘッダーの高さ*/
	background-color: #bababa;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, 
		color-stop(.25, #9a9a9a), 
		color-stop(.25, transparent), 
		color-stop(.5, transparent), 
		color-stop(.5, #9a9a9a), 
		color-stop(.75, #9a9a9a), 
		color-stop(.75, transparent), 
		to(transparent));
	-webkit-background-size: 7px 7px;
	position: relative;
}
/*h1タグの設定*/
header h1 {
	color: #FFFFFF;	/*文字色*/
	font-size: 10px;		/*文字サイズ*/
	line-height: 15px;	/*行間*/
	padding: 2px 0px 2px 10px;
	background:#015601;
	font-weight: normal;	/*hタグのデフォルトの太字を標準に。太字がいいならこの１行削除。*/
}
/*ロゴ画像の位置設定*/
header #logo {
	position: absolute;
	left: 10px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/
	top: 20px;	/*ヘッダーブロックに対して上から22pxの位置に配置*/
}
header #logo img{
	max-width:700px;
	height:auto;
}
/*電話番号ボックスの設定*/
header #tel {
	position: absolute;
	bottom: 10px;		/*ヘッダーブロックに対して上から15pxの位置に配置*/
	right: 10px;	/*ヘッダーブロックに対して右から20pxの位置に配置*/
	font-size: 11px;	/*文字サイズ*/
	color: #FFF;	/*文字色*/
	text-align: center;	/*文字をセンタリング*/
	line-height: 2.0;	/*行間*/
	letter-spacing: 0.0em;
	border: 1px solid #597e52;
	background-color: #425e3d;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image:url(images/bg.jpg);
	padding: 5px 20px;
}
/*電話番号の文字設定*/
header #tel span {
	font-size: 18px;	/*文字サイズ*/
	font-weight: bold;	/*太字に*/
	display: block;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
nav#menubar ul {
	background-color: #e0e0e0;	/*背景色#cbab25（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#707070));	/*グラデーションa98f44*/
	background-image: -webkit-linear-gradient(#707070, #e0e0e0 49%, #606060 50%, #707070);	/*同上*/
	background-image: linear-gradient(#e0e0e0, #707070 49%, #606060 50%, #707070);			/*同上*/
	height: 50px;	/*高さ*/
	border: 1px solid #555555;	/*枠線の幅・線種・色*/
	padding-left: 25px;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
	float: left;
	width: 16.2%;
	border-right: 1px solid #555555;	/*右側の線の幅・線種・色*/
}
nav#menubar ul li a {
	line-height: 50px;	/*行間*/
	text-decoration: none;
	display: block;
	font-size: 14px;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	color: #FFF;	/*文字色*/
}
/*最初のメニューの設定*/
nav#menubar ul li:first-child {
	border-left: 1px solid #555555;	/*左側の線の幅・線種・色*/
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
	background-color: #505050;	/*背景色9c7d22（古いブラウザだとここの色のみが出ます）*/
	background-image: linear-gradient(to bottom, #707070, #505050);
	color: #FFF;	/*文字色*/
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*メインコンテンツ
---------------------------------------------------------------------------*/

/*mainコンテンツのh2タグの設定*/
#main h2 {
	background-color: #083;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, 
		color-stop(.25, #31B404), 
		color-stop(.25, transparent), 
		color-stop(.5, transparent), 
		color-stop(.5, #31B404), 
		color-stop(.75, #31B404), 
		color-stop(.75, transparent), 
		to(transparent));
	-webkit-background-size: 7px 7px;
	border:#015601 solid 1.5px;
	border-radius: 8px;	/*角丸のサイズ*/
	font-size: 100%;
	color: #ffffff;		/*文字色*/
	margin: 5px 5px 0px 5px;
	clear: both;
	padding: 8px 25px;	/*上下・左右への余白*/
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
}
#main h2 a{
	text-decoration:none;
}

/*mainコンテンツのh3タグの設定*/
#main h3 {
	border-left:#015601 solid 6px;	/*左側の線の幅・線種・色*/
	border-bottom:#cccccc solid 1px;	/*枠線の幅・線種・色*/
	background-color: #ffffff;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	font-size: 100%;
	padding: 4px 15px;	/*上下、左右への余白*/
	margin: 5px 15px 0px 15px;
	clear: both;
}

/*mainコンテンツのh4タグの設定*/
#main h4 {
	background-color: #CFA;	/*背景色（古いブラウザだとここの色のみが出ます)*/
	background-image: -moz-gradient(left, #ffffff, #BCF5A9 20%, #ffffff);	/*グラデーション*/
	background-image: -webkit-linear-gradient(left, #ffffff, #BCF5A9 20%, #ffffff);	/*同上*/
	background-image: linear-gradient(to right, #ffffff, #BCF5A9 20%, #ffffff);	/*同上*/
	font-size: 100%;
	color: #000000;		/*文字色*/
	font-weight:bold;		/*文字太さ*/
	margin-left: 10px;
	margin-top: 5px;
	clear: both;
	padding-left: 30px;	/*左への余白*/
}

/*mainコンテンツのh5タグの設定*/
#main h5 {
	background-color: #CFA;	/*背景色（古いブラウザだとここの色のみが出ます)*/
	background-image: -moz-gradient(left, #ffffff, #BCF5A9 20%, #ffffff);	/*グラデーション*/
	background-image: -webkit-linear-gradient(left, #ffffff, #BCF5A9 20%, #ffffff);	/*同上*/
	background-image: linear-gradient(to right, #ffffff, #BCF5A9 20%, #ffffff);	/*同上*/
	font-size: 100%;
	color: #ff0000;		/*文字色*/
	font-weight:bold;		/*文字太さ*/
	margin-left: 20px;
	margin-right: 50px;
	margin-top: 5px;
	clear: both;
	padding-left: 30px;	/*左への余白*/
	border :#015601 solid 3px;
	border-radius: 16px;	/*角丸のサイズ*/

}

/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0.5em 20px 0.5em;	/*上、左右、下への余白*/
}

#main a {
	color: #000
}

#main h2 a {
	color: #fff
}

#main a:hover {
	color: #ff0000; /*#fee32e;*/			/*マウスオン時の文字色*/
}


/*サブコンテンツ
---------------------------------------------------------------------------*/
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	background-color: #425e3d;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#425e3d), to(#1e2b1c));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#425e3d, #1e2b1c);	/*同上*/
	background-image: linear-gradient(#425e3d, #1e2b1c);
	border: 1px solid #597e52;	/*枠線の幅、線種、色*/
	text-align: center;	/*中身をセンタリング*/
	padding: 5px 0px;	/*上下・左右への余白*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu,
#rightside ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下にあけるスペース*/
	text-align: center;		/*中身をセンタリング*/
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li a ,
#rightside ul.submenu li a {
	border-bottom: 1px solid #000000;	/*下側の線の幅、線種、色*/
	text-decoration: none;
	display: block;
}
/*マウスオン時の設定*/
#sub ul.submenu li a:hover {
	background-color: #1e2b1c;	/*背景色*/
	color: #fee32e;				/*文字色*/
}


/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	border: 1px solid #597e52;	/*枠線の幅、線種、色*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下に空けるのスペース*/
	background-color: #339933;	/*背景色*/
	-webkit-box-shadow: 0px 0px 30px #425e3d inset;	/*内側への影。右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 0px 30px #425e3d inset;			/*同上*/
	color:#ffffff;
}

#sub .logoimg {
	width:100%;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 80%;	/*文字サイズ*/
	background:#707070; /*#339933;*/ /*#015601;*/
}
footer a {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	color: #000;
}

footer h3 {
	margin-left: -10px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 80%;	/*幅*/
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0px;
}
/*１行分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 23%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 2%;
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background:#015601;
}
#copyright a {
	text-decoration: none;
}


/*ボタンの設定*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #d7d7d7;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#d7d7d7));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #d7d7d7);	/*同上*/
	background-image: linear-gradient(#FFF, #d7d7d7);			/*同上*/
	border: none;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.5);	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 5px rgba(0,0,0,0.5);			/*同上*/
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#FFF));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#d7d7d7, #FFF);	/*同上*/
	background-image: linear-gradient(#d7d7d7, #FFF);			/*同上*/
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	left: 1px;
	top: 1px;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	background-color: #141c12;	/*背景色*/
	text-decoration: none;
	text-align: center;
	width: 12em;	/*ボックス幅*/
	display: block;
	float: right;
	letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
	border-radius: 30px;	/*角丸のサイズ*/
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #FFF;	/*背景色*/
	color: #141c12;			/*文字色*/
}

/*その他
---------------------------------------------------------------------------*/


.clearLeft {
clear: left;
}





/*ブログタイトルの調整*/

.example {/*親div*/
	clear: left;
	position: relative;/*相対配置*/
}

.example #bloglogo {
	position: absolute;/*絶対配置*/
	color: white;/*文字は白に*/
	font-weight: bold; /*太字に*/
	font-size: 2em;/*サイズ2倍*/
	top: 10px;
	left: 30px;
	text-shadow: 1px 2px 3px #000000;
}
.example #bloglogo a{
	text-decoration:none;
}
.example #description {
	position: absolute;/*絶対配置*/
	color: white;/*文字は白に*/
	top: 50px;
	left: 30px;
	text-shadow: 1px 2px 1px #000000;
}


.example img {
	width: 100%;
}

/*検索フォーム*/

#searchform{
	position: relative;
	width: 90%;
/*	margin-top: 45px;*/
}

#searchsubmit{
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 26px;
	border: none;
	background: url(images/search.png) no-repeat 50% 50%;
}

/*前記事・次記事のナビゲーション*/

.navigation{
	overflow: hidden;
	margin: 10px 0px;
/*	background-color: #015601;*/
	font-weight:bold;		/*文字太さ*/

}
	.navigation > div{
		width: 45%;
	}

	.navigation .alignright,
	.navigation .alignleft{
		text-align: center;
	}

	.navigation .alignright{
		background-color: #BCF5A9
		color: #ff0000;		/*文字色*/
		border :#015601 solid 1px;
		border-radius: 25px;	/*角丸のサイズ*/
		margin-right: 10px;
	}
	.navigation .alignleft{
		background-color: #BCF5A9
		color: #ff0000;		/*文字色*/
		border :#015601 solid 1px;
		border-radius: 25px;	/*角丸のサイズ*/
		margin-left: 10px;
	}

	.navigation a{
		display: block;
		/*padding: 1em;*/
		border: none;
text-decoration: none;
	}
		.navigation a:hover{
			background: #ccffcc;
			color: #000;
			border-radius: 25px;	/*角丸のサイズ*/
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;

			}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

/****************************************

          Comments Area

*****************************************/

/*#comment-area h3{
	font-size: 150%;
	font-family: 'Josefin Sans', sans-serif;
}*/

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			margin: 10px 10px 10px 25px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
			margin-left: 25px;
		}
		.reply{
			text-align: right;
			margin-right: 10px;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}

.thumbimg{
	float: left;
}

/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 800px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #707070;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(100,100,100,1);
 	-moz-box-shadow: 0 0 3px rgba(100,100,100,1);
	box-shadow:  0 0 3px rgba(100,100,100,1);
 	color: #000;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #707070;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e0e0e0;
	color: #333;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #e0e0e0;
		background: #707070;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}

/*カレンダーに枠と曜日の色を付ける*/
.widget_calendar #wp-calendar {
	color: white;
}

#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 95%;
	margin-left: 0px;
	margin-bottom: 10px;
}
#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}

/*土曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(7){
/*background-color: #C0DDF9;*/
}

/*日曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(1){
}

/*月曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(2){
}

/*火曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(3){
}

/*水曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(4){
}

/*木曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(5){
}

/*金曜日のヘッダーセル*/
#wp-calendar thead tr th:nth-child(6){
}

#wp-calendar td {
	text-align: center;
	padding: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
}
#wp-calendar tbody tr #today {
	font-weight: bold;
}

/*カテゴリーとかの文字サイズ*/
.widget_categories li ,
.widget_archive li ,
.widget_recent_entries li ,
.widget_recent_comments li {
	font-size:8pt;
}

/*ＳＮＳシェアボタン設定 */
.snsShareArea:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#main .snsShareArea a{
  box-sizing: border-box;
  display: block;
  float: left;
  width: 31.3%;
  margin: 1%;
  padding: .7em 0;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
#main .snsShareArea a:hover{
color: #00FFFF;
}

.btn--twitter{
  background: #55acee;
}
.btn--facebook{
  background: #3b5998;
}
.btn--google{
  background: #dd4b39;
}
.btn--line{
  background: #54bc4d;
}
.btn--hatena{
  background: #008FDE;
}
.btn--pocket{
  background: #ee4056;
}
.btn--tumblr{
 background: #36465d;
}
.btn--pinterest{
 background: #c60120;
}

/*singleで画像の設定（レスポンシブ） */
.alignnone{
width:98%;
max-width: 480px;
height:auto;
}
.comment-form{
width:98%;
}

/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}
 
.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin-left: 10px;
  margin-bottom: 1em;
}
 
#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}
 
.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}


/*ここから低解像度ＰＣ用（801px～1199px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:801px) and (max-width:1199px){

#container {
	width: 100%;	/*コンテナー幅*/
}

}

/*ここから低解像度ＰＣ用（801px～950px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:801px) and (max-width:950px){


header #logo img{
	width: 75%;	/*ロゴ画像の幅*/
}

#main {
	width: 78.4%;	/*メインコンテンツ幅*/

}

}

/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	text-align: center;
	height: auto;
	margin-bottom: 1px;
}
/*h1見出しタグ設定*/
header h1 {
	display: none;
}

/*ロゴ画像の設定*/
header #logo {
	position: static;
}

header #logo img {
	width: 95%;	/*ロゴ画像の幅*/
	height: auto;
	margin: 10px 0px;
}

/*電話番号ボックスの設定*/
header #tel {
	position: static;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
	padding: 0px 10px;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
nav#menubar ul {
	background: none;
	height: auto;
	border: none;
	border-radius: 1px;
	padding-left: 1px;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
	float: left;
	height: 50px;
	width: 49%;	/*幅*/
	background-color: #e0e0e0;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#707070));	/*グラデーションa98f44*/
	background-image: -webkit-linear-gradient(#707070, #e0e0e0 49%, #606060 50%, #707070);	/*同上*/
	background-image: linear-gradient(#e0e0e0, #707070 49%, #606060 50%, #707070);			/*同上*/
	border: 1px solid #555555;
	/*border-radius: 8px;*/
	margin-bottom: 2px;
}
/*偶数番目のメニューの設定*/
nav#menubar ul li:nth-child(even) {
	margin-left: 1%;
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
/*	border-radius: 8px;*/
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	padding-top: 10px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

#main {
	margin-left:0px;
}

#sub .logoimg {
	max-width:200px;
}


/*ブログタイトルとディスプレッションの表示位置
---------------------------------------------------------------------------*/
.example p {
	font-size: 1.5em;/*サイズ1.5倍*/

  }
.example a{
	font-size: 0.8em;/*サイズ0.8倍*/
	line-height: 1;
}

/*カテゴリーとかの文字サイズ*/

.widget_categories li ,
.widget_archive li ,
.widget_recent_entries li ,
.widget_recent_comments li {
	font-size:100%;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub {
	display: none;
}

/*box2を表示しない
---------------------------------------------------------------------------*/
.box2 {
	display: none;
}





}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	height: auto;
	text-align: center;
	margin-bottom: 10px;
}
/*h1見出しタグ設定*/
header h1 {
	display: none;
}
/*ロゴ画像の設定*/
header #logo {
	position: static;
}
header #logo img {
	width: 95%;	/*ロゴ画像の幅*/
	height: auto;
	margin: 10px 0px;
}
/*電話番号ボックスの設定*/
header #tel {
	position: static;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
	padding: 0px 10px;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
nav#menubar ul {
	background: none;
	height: auto;
	border: none;
	border-radius: 1px;
	padding-left: 0px;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
	float: left;
	height: 50px;
	width: 49%;	/*幅*/
	background-color: #e0e0e0;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#707070));	/*グラデーションa98f44*/
	background-image: -webkit-linear-gradient(#707070, #e0e0e0 49%, #606060 50%, #707070);	/*同上*/
	background-image: linear-gradient(#e0e0e0, #707070 49%, #606060 50%, #707070);			/*同上*/
	border: 1px solid #555555;
	margin-bottom: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*偶数番目のメニューの設定*/
nav#menubar ul li:nth-child(even) {
	margin-left: 1%;
}
/*マウスオン時の設定*/
nav#menubar ul li a:hover {
/*	border-radius: 8px;*/
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	padding-top: 10px;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
}

#main {
	margin-left:0px;
}

#sub .logoimg {
	max-width:200px;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/
}

#main h3 {
margin-left: 5px;
}




/*ブログタイトルとディスプレッションの表示位置
---------------------------------------------------------------------------*/
.example p {
	top: 5px;
	left: 0px;
	font-size: 1.2em;/*サイズ1.2倍*/
  }
.example a{
	top: 30px;
	left: 0px;
	font-size: 0.5em;/*サイズ0.5倍*/
	line-height: 100%;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub {
	display: none;
}

/*box2を表示しない
---------------------------------------------------------------------------*/
.box2 {
	display: none;
}
#footermenu {
	display: none;
}



}


#contbox {
	width: 49%;
	float: left;
	border-right: 1px solid #cfcfcf;
}