@charset "UTF-8";


/* 全域 */

* {
 margin:0;
 padding:0;
 voice-family: "\"}\"";
 voice-family:inherit;
}

body {
font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, Arial, sans-serif;
color:#404040;
font-size:100%;
line-height: 1.8;
text-align: left;
scrollbar-bace-color:#ffffff;
margin:0px 25px;
padding:0px;
text-align:center;
}

#layout{
margin-left:auto;
margin-right:auto;
min-width:320px!important;
max-width: 980px;
text-align:left;
}

input{
color:#404040;
}

textarea{
color:#404040;
}

a img {
border-style : none;
border-width : 0px;
text-decoration : none;
}

/* 全プラグイン共通設定 */
p.PluginTitle{}
p.PluginExplanation{}
div.PluginContents{}

/* リンクカラー */
a:link {
text-decoration:none;color:#6b88a3;
}
a:visited{
text-decoration:none;color:#6b88a3;
}
a:hover {
text-decoration:none;color:#b0e0e6;
}
a:active {
text-decoration:none;color:#b0e0e6;
}

/* ブログタイトルと記事サブタイトルリンク関連 */
span a:link {
text-decoration:none;color:#536a7f;
}
span a:visited{
text-decoration:none;color:#536a7f;
}
span a:hover {
background-color: transparent;
}
span a:active {
text-decoration:none;color:#b0e0e6;
}

/* 第1ボタン関連 */

html, body {
  height: 100%;
}

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button {
  width: 300px;
  height: 45px;
  font-family: 'Roboto',"MS PGothic", "Osaka", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: bold;
  color: #666;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  }

.button:hover {
  background-color: #b0e0e6;
  box-shadow: 0px 15px 20px rgba(176,224,230, 0.3);
  color: #fff;
  transform: translateY(-7px);
}

/* 第2ボタン関連 */

.kousiki {
    text-align: left; /*ボタンの中央配置 */
    margin:28px 15px 35px 0px;  /*ボタンの上右下左の余白 */
    max-width: 250px;  /*ボタンの横幅 */
    text-align:center;  /*ボタン内の文字中央寄せ */
    padding: 13px;  /*ボタン内文字の余白 */
    background-color: #fff;  /*ボタンの背景色 */
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 10px 15px rgba(163,159,149, 0.4);
    border: none;
    border-radius: 45px;  /*ボタンの角を少し丸く */
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    font-size: 22px;
    letter-spacing: 2.5px;  /*ボタン内文字の間隔 */
    font-weight: bold;  /*ボタン内文字は太字 */
    color: #000;  /*ボタン内のテキスト文字色 */
}
 
.kousiki a:link {
text-decoration:none;color:#a39f95;
}

.kousiki a:hover {
text-decoration:none;color:#fff;
}

.kousiki a:visited{
text-decoration:none;color:#a39f95;
}

.kousiki:hover {
 background-color: #B0E0E6;
 box-shadow: 0px 15px 20px rgba(176,224,230, 0.4);
 display: block;
}

.kousiki {
  height: 25px;
  line-height: 10px;
}

/* 第3ボタン関連 */

.kousiki2 {
    text-align: left; /*ボタンの中央配置 */
    margin: 15px;  /*ボタンの上右下左の余白 */
    padding: 22px;  /*ボタン内文字の余白 */
    max-width: 300px;  /*ボタンの横幅 */
    text-align: center;  /*ボタン内の文字中央寄せ */
    font-size: 14px; /*ボタン内文字の大きさ */
    letter-spacing: 0.05em;  /*ボタン内文字の間隔 */
    font-weight: bold;  /*ボタン内文字は太字 */
    color: #000;  /*ボタン内のテキスト文字色 */
    background-color: #fff;  /*ボタンの背景色 */
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 10px 15px rgba(163,159,149, 0.4);
    border: none;
    border-radius: 10px;  /*ボタンの角を少し丸く */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
 
.kousiki2 a:link {
text-decoration:none;color:#a39f95;
}

.kousiki2 a:hover {
text-decoration:none;color:#fff;
}

.kousiki2 a:visited{
text-decoration:none;color:#a39f95;
}

.kousiki2:hover {
 background-color: #B0E0E6;
 box-shadow: 0px 15px 20px rgba(176,224,230, 0.4);
 display: block;
}

.kousiki2 {
  height: 28px;
  line-height: 15px;
}

/* ページレイアウト */

/* 全統括ブロック */
div#IntegrationBlock{
min-width:320px!important;
max-width: 980px;
margin-top : 10px;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
text-align: center;
font-size:85%;
background-color:#FFFFFD; /* 背景色 */
color:#404040; /* 文字色 */
}

/***----- blockquote
------------------------------------------***/

blockquote {
  width: 90%;
  height: auto;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgb(63, 35, 29);
  border-radius: 5px;
  padding: 1em 1em 2.5em;
  position: relative;
}

blockquote p {
  text-align: left; /* 注)引用コード変更 */
}

/* 線・ライン・ボーダーカラー */
div.EntryTitle{
	border-top: 1px solid #b0c4de ;
	border-bottom: 1px solid #b0c4de ;
	}
div#MenuBlock{
	border-top: 1px solid #b0c4de ;
	}

div.PageMove{
	border-top: none
	border-bottom: none
	}

/* トップブロック注)ブログタイトルフォント関連 */
div#TopBlock{
margin-bottom : 20px;
}
	div.BlogTitleArea{ /* 注)ブログタイトルフォント関連 */
	font-family: georgia, meiryo, 'Hiragino Kaku Gothic ProN';
	text-shadow: 2px 4px 3px rgba(0,0,0, 0.2);
	padding:30px;
	font-size: 45px;
	text-align: center;
	}

/* ブロック */
div#CentralBlock{
padding : 5px;
}

/* 記事 */
div.EntryBlock{
padding: 2px 15px;
}
	div.EntryTitle{ /* 注)サブタイトルフォント関連 */
	padding: 10px 2px 10px 2px ;
	text-align:center;
	font-size: 18px;
	font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
	text-shadow: 2px 4px 3px rgba(0,0,0, 0.2);

	}
	div.EntryFooter{
	padding: 2px;
	text-align:right;
	}
	div.EntryText{ /* 記事の文字サイズはここです */
	padding: 2px 0px;
	text-align: left
	font-size: 15px;
	margin-bottom: 2em;
	line-height: 2.3;
	}

	div.MoreTitle{
	padding: 2px 0px;
	text-align:right;
	}
	div.MoreText{
	padding: 2px 0px;
	text-align:left;
	}

/* 固定プラグイン */
div#MenuBlock{
padding : 15px 0px 2px 2px;
text-align:center;
}
div.LeftMenuArea{
float:left;
width:500px;
}
	div.LeftMenuBoxLeft{
	float:left;
	width:150px;
	text-align:center;
	}
	div.LeftMenuBoxRight{
	float:right;
	width:150px;
	text-align:center;
	}
div.RightMenuArea{
float:right;
width:350px;
}
	div.RightMenuBoxLeft{
	float:left;
	width:280px;
	text-align:center;
	}
	div.RightMenuBoxRight{
	float:right;
	width:70px;
	text-align:center;
	}

/* 検索バー */
#form02{
    background-color: white;
    border: 1px gray solid;
    width:250px;
    height: 40px;
}
#form02 input{
    vertical-align: top;
    margin: 0px;
    height: 100%;
    box-sizing: border-box;
    background-color: transparent;
}
#form02{
    border-radius: 45px;
    margin: 0 auto;
}
#input02{
    border: none;
    width: 200px;
    padding-left: 15px;
    font-size: 17px;
}
#input02[type="text"]:focus {
  outline: 0;
}
#submit02{
    width: 30px;
    border: none;
    background-image: url(https://blog-imgs-115.fc2.com/v/o/i/voicegravitation/kensakuba.png);
    background-position: center;
    background-size: auto 90%;
    background-repeat: no-repeat;
}

/* 移動 */
div.PageMove{
clear:both;
padding: 5px 2px;
text-align:center;
}

/* ページ最下部 */
div#BottomBlock{
text-align:left;
}
div.PluginBoxTop{
padding: 10px;
}
div.PluginBoxBottom{
}
	div.PluginBoxLeft{
	float:left;
	width:350px;
	}
	div.PluginBoxLeft{
	float:right;
	width:350px;
	}


div.ad{
clear:both;
padding: 5px 0px;
text-align:center;
}