@charset "UTF-8";
/*
Theme Name:deweb
Author: deweb
Description: This is my original theme.
Version: 1.0
*/
/*front-page*/
@import url("css/normalize.css");	
@import url("css/buttons.css");	
@import url("css/table.css");	
@import url("css/common.css");	
@import url("css/meter.css");	
@import url("css/grid.css");	


body	{
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: #EFEEDF;
	background-repeat: repeat-x;
	/* [disabled]background-position: 0% 0%; */
}

.container	{
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.maincontainer	{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.box01	{
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
.box02	{
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
	padding-bottom: 15px;
    background-color: #EFEEDF;
	}
.space01  {margin-top: 100px;
          }
/* 記事 */
article	{margin-bottom: 40px;
	overflow: hidden}

article h1	{
	margin: 0;
	font-size: 32px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #5A5A5A;
}

article h2	{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #5A5A5A;
	padding-top: 25px;
	padding-bottom: 10px;
	border-bottom: 3px solid  rgba(0,168,153,0.82);
}

article h3	{
	margin-top: 40px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: #5A5A5A;
}

article h1 a	{color: #5A5A5A;
	text-decoration: none}
	
article h1 a:hover	{
	color: #A7A7A7;
}

article p   {
	margin-bottom: 15px;
}

/* 記事の付加情報 */
.postinfo	{
	margin-top: 15px;
	font-size: 14px;
	margin-bottom: 15px;
}

.postinfo a	{color: #000000;
	text-decoration: none}

.postinfo .postcat	{margin-left: 20px}

.postinfo .postcom	{margin-left: 20px}

.postinfo i	{color: #888888}


/* 前後の記事へのリンク */
.pagenav a	{padding: 5px 10px;
	border: solid 1px #cccccc;
	border-radius: 10px;
	color: #666666;
	font-size: 12px;
	text-decoration: none}

.pagenav .old a	{float: left}

.pagenav .new a	{float: right}

.pagenav	{overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both}


/* ヘッダー */
header	{
	margin-bottom: 40px;
	background-color: rgba(0,168,153,0.82);
	color: #585858;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}

header a	{
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Michroma', sans-serif
}

.siteinfo	{
	overflow: hidden;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF
}

.siteinfo a	{
	color: #FFFFFF
}

.siteinfo h1	{float: left;
	margin: 0;
	font-family: 'Acme', sans-serif;
	font-size: 20px}

.siteinfo p	{
	float: right;
	margin: 0;
	margin-top: 5px;
	font-size: 12px;
	color: rgba(255,255,255,1.00);
}


/* ヘッダー画像 */
header img	{width: 100%;
	height: auto;
	float: left;
	vertical-align: bottom}


/* ナビゲーションメニュー */
nav	{margin-top: 20px;

       float: right}


nav ul	{list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	overflow: hidden}

nav li	{float: left;
	margin-right: 15px}

nav li a	{display: block;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: solid 5px transparent}

nav li a:hover	{border-bottom-color: #00ccff}

.container_nav	{
	max-width:800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}




/* フッター */
footer	{
	margin-top: 40px;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: rgba(0,168,153,0.82);
	color: #ffffff;
}


/* 本文中の画像 */
article img	{
	border: 5px solid #C1C1C1;
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 0 10px 6px -6px #777777;
	box-shadow: 0 10px 6px -6px #777777;
	margin-bottom: 10px;
	margin-top: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.aligncenter	{display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}

.alignright	{float: right;
	margin-bottom: 30px;
	margin-left: 30px}

.alignleft	{float: left;
	margin-bottom: 30px;
	margin-right: 30px}

.wp-caption	{max-width: 100%}

.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: center}


/* メニュー */
.blogmenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.blogmenu .widget	{
	margin-bottom: 30px;
	padding: 20px;
}

.blogmenu .widgettitle	{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

.blogmenu li a	{display: block;
	padding: 10px 5px;
	color: #666666;
	font-size: 14px;
	text-decoration: none}

.blogmenu li a:hover	{background-color: #ffffff}


/* 見出し */
.archive-title	{
	margin-top: 0;
	margin-bottom: 40px;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: normal
}

.archive-title i	{padding: 15px;
	background-color: #4a5f7e;
	color: #ffffff}


/* コメント投稿フォーム */
#respond p	{margin-top: 0;
	margin-bottom: 20px;
	font-size: 12px}

#respond label	{font-size: 14px}

#respond input,
#respond textarea	{width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

#respond input[type="submit"]
	{
	width: 200px;
	padding: 10px;
	border: none;
	background-color:rgba(0,168,153,0.82);
	-webkit-appearance: none;
	cursor: pointer
}

#respond input[type="submit"]:hover
	{
	background-color: #128E96
}

#respond .required	{color: #ff0000}


/* コメント */
#comments footer	{background: none;
	margin: 0;
	color: #000000;
	font-size: 12px}

#comments footer a	{color: #000000}

#comments footer div	{display: inline}

#comments ul	{list-style: none;
	margin: 0;
	padding: 0}

#comments article	{border: dotted 1px #aaaaaa;
	margin-bottom: 10px;
	padding: 10px 20px 20px 20px}

#comments .comment-content	{margin-left: 30px}


/* お問い合わせフォーム */
.wpcf7 input	{width: 70%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
.wpcf7 textarea	{width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.wpcf7 input[type="submit"]
	{width: 200px;
	padding: 10px;
	border: none;
	background-color: rgba(0,168,153,0.82);
	-webkit-appearance: none;
	cursor: pointer}

.wpcf7 input[type="submit"]:hover
	{background-color: #128E96}



/* メディアクエリの設定 */
@media (min-width: 768px) {

/* ２段組 */
.container	{
	max-width: 1000px;
	overflow: hidden;
}

.maincontainer	{
	overflow: hidden;
	top: 10px;
}

.box01	{
		max-width: 1000px;
	overflow: hidden;
}
.box02	{
		max-width: 1000px;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
}
.contents	{width: 65%;
	float: left}

.blogmenu	{width: 30%;
	float: right}

/* ナビゲーションメニュー */
nav li	{margin-right: 20px}

}



/* 記事の概要 */
.excerpt p	{font-size: 14px}

.excerpt .more a	{padding: 5px 20px;
	border: solid 1px #cccccc;
	border-radius: 5px;
	color: #000000;
	text-decoration: none;}

.excerpt .more a:hover
	{background-color:rgba(0,168,153,0.82)}

.excerpt .more i	{margin-left: 10px;
	color: #cccccc}

@media (min-width: 500px) {

.excerpt img	{
	float: left;
	width: 100%;
}
.box02	{
	padding-left: 15px;
	padding-right: 15px;
}
}

@media (max-width: 499px) {

.excerpt img	{display: block;
	width: 100%;
    margin-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
.box02	{
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 15px;
        background-color: #EFEEDF;
}
.textbox01 p  {font-size: 16px;
}
article h1	{
	font-size: 20px;
}

article h2	{
	font-size: 18px;
}

article h3	{
	font-size: 16px;
}
}


/* トップページ */
.largeheader	{width: 100%;
	height: auto;
	vertical-align: bottom}

.home header	{margin-bottom: 0}

.home footer	{margin-top: 0}


/* トップページのメニュー */
.topmenu	{padding-top: 40px;
	padding-bottom: 40px}

.link	{text-align: center;
	margin-bottom: 15px}

.link a	{color: #aaaaaa;
	font-size: 20px;
	text-decoration: none}

.link i	{display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 150px;
	line-height: 150px;
	border-radius: 75px;
	background-color: #ecc952;
	color: #ffffff;
	font-size: 50px}

.link:nth-child(2) i
	{background-color: #e8a380}

.link:nth-child(3) i
	{background-color: #b7ef6b}


@media (min-width: 500px) {
.topmenu	{overflow: hidden}

.link	{float: left;
	width: 33.3333%}
}


/*______fontawesomeでアンドロイド表示ここから＿＿＿＿*/
/* FA 4.0.0 and newer */
.fa {
  text-rendering: auto;
}

/* FA 3.2.1 and older */
[class^="icon-"],
[class*=" icon-"]  {
  text-rendering: auto;
}
/*______fontawesomeでアンドロイド表示ここまで＿＿＿＿*/