/* <!--2014.2.1_3:37修正了　U-BOXv31sakura --> */
/* <!--2014.2.24_1:08修正了　U-BOXv32sakura2 --> */



* {
  margin: 0;
  pading: 0;
}


body {
  background-color: transparent; /*0-0-100*/
  color: #fff; /**/
  font-size: 11px;
  line-height: 160%;
  font-family: Georgia,Bookman Old Style,Verdana,Courier,Times New Roman;
  -font-family:Verdana, 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3','メイリオ', sans-serif;
  margin: 0;
  pading: 0;
  width:100vw;
  height:100vh;
}

#bg {
 /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  height:0;
  padding-top: 73.73%;
  background: url(https://blog-imgs-113-origin.fc2.com/k/u/r/kuro0x0usagi/blog_back_img_03.jpeg) no-repeat;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  background-attachment: fixed;/**/
  width:100vw;
}


h1 {
  font-size: 31px;
  line-height: 120%;
}

h2 {
  font-size: 21px;
}

h3 {
  font-size: 13px;
  padding: 0;
  margin: 0;
}




/* ---------- リンク ----------- */
a {text-decoration: none}

a:link { color:#fff } /**/
a:visited { color:#fff } /**/
a:hover { color: #fff } /*0-0-93*/
a:active { color: #fff } /*180-100-100*/

a:hover { text-decoration: none; 
border-bottom:1px solid #fff;} 
a:active { text-decoration: none;
border-bottom:1px solid #fff;} 



/* スペース要素としてのライン --<div class="lin"><hr></div>--　*/
.lin hr, .lin2 hr { border: 0px; width: 90%; display: none }
.lin { 
  padding: 0; 
  margin: 0; 
  width: 100%; 
  height: 70px; 
}

.lin2 { 
  padding: 0; 
  margin: 0; 
  width: 100%; 
  height: 100px;
}


.cre {
  clear: both
}


form{
  margin: 0;
  padding: 0;
}
input{
  font-size: 11px;
  font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,Sans-Serif;
}
textarea{
  font-size: 11px;
  font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,Sans-Serif;
}



/* 記事内の画像 */
.body img {
  max-width: 100%;
  height: auto;
  margin: 0 10px 0 0;
}

.waku   {
  border: #c7cde2/*230-12-89*/ solid 1px;
  padding: 0;
}



/* =================================レイアウト設定==================================== */
  /*  out{ main(con + side[right(p1,p2,)]) + side2[left(-)] } */
  /* main{ header[top + (p3)]} */

#out {
  width: 970px;
  width: 770px;
  margin: 0 auto;
  pading: 0;
  position: absolute;
  top: 0;
  left: 23%;
}





/* 記事,menu表示部分------(side+con) */
#main {
 background-color: rgba( 30, 0, 0, 0.3 );
  float: left;
  width: 560px;
  width: 500px;
  margin: 0 0 100px;
  padding: 0 20px 50px;

position: relative;
  z-index: 1;
}



/* -右サイドバー--------------- */
#side {
  background-color: rgba( 30, 0, 0, 0.3 );
  float: right;
  width: 210px;
  padding: 0;
  margin: 0;

}


/* -左サイドバー-------------*/
#side2 {
 background-color: rgba( 30, 0, 0, 0.3 );
  float: left;
  width: 200px;
  padding: 0;
  margin: 0 15px 0 0;
  display: none;
}



#side,#side2 {
  font-size: 100%;
  line-height: 120%;
  word-break: break-all;
  padding-bottom: 20px;
}

/* =================================//レイアウト設定================================== */

/* header */

#top {
  -font-family: Verdana,"Arial Black","Meiryo UI","MS UI Gothic","ヒラギノ角ゴ ProN W",Osaka,Sans-Serif;
  padding: 50px 0 0;
  _padding: 125px 0 0;
  >padding: 125px 0 0;
  width: 99%;
  height: 100px;
}


#header {
  -background-color: #997a54; /*33-45-60*/
position: absolute;
top: 5px;
_top: 35px;
>top: 35px;
right: 1.7em;
  text-align:right;
  width: 100%;
  padding: 0;
  margin: 0;
  -border-top: 1px solid #DCD1C2; /*34-11-86*/
  -border-bottom: 1px solid #DCD1C2; /*34-11-86*/
}

#header li {
  display: inline;
  margin: 0 1.3em 0 0;
}

#header li a {
color: #fff; /**/
font-size:12px;
font-weight:;
}

#header li a:hover {
color: #fff;
font-size:12px;
font-weight:bold;
}

#header li a:active {
font-size:13px;
font-weight:bold;
}




#top h1 {
  margin: 10px 5px;
  font-size:31px;
  font-weight: normal;
  letter-spacing: -1px;
  font-family: 'メイリオ','MS PMincho','Hiragino Mincho Pro',serif;
}
#top a{
  color:#fff;
  text-decoration: none;
  border:none
  display: block;
}
#top a:link, #top a:visited { color: #fff;} /**/
#top a:hover { color: #fff; border:none;} /*0-0-100*/
#top a:active{ color: #fff; border:none;}

#top h2 {
  padding: 10px 10px;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0px;
}





.body {
  word-break: break-all;
  margin: 50px 7px;
  clear: both;
}




/* 個々の記事-not_permanent_area(個別記事以外のときに表示される) */
#con {
  width: auto;
  margin: 50px 0 130px 0;
  clear: both;
}


/* 個々の記事-permanent_area(個別記事のときに表示される.1カラム表示などに変更も可) */
#con2 {
  width: auto;
  margin: 50px 0 20px 0;
  clear: both;
}

/* 個々の記事-header部分 */
.day {
  width: 95px;
  height: 95px;
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 11px;
  -font-family: Verdana,"Arial Black",Arial,Sans-Serif;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 21px;
  text-transform: uppercase;
}
.day p{
  line-height: 1.1em;
  text-shadow: 1px 1px 1px #0a2077; /*228-91-47*/
}

.dayday {
  font-size: 53px;
  line-height: 53px;
  margin: -13px 0 0 -3px;
}


.con_header{
  overflow: hidden;
}
.con_header h3, .con_header h3 a{
  font-size: 14px;
  font-weight: bolder;
  -font-family: Verdana,"Meiryo UI","MS UI Gothic","ヒラギノ角ゴ ProN W",Osaka,Sans-Serif;
  font-family: 'メイリオ','MS PMincho','Hiragino Mincho Pro',serif;
  padding: 15px 0 0;
  line-height: 1em;
}
.con_header .sub { /* [Category:] */
  background-color: transparent;
  text-align: left;
  margin: 2px 0 0 0;
  padding-left: 0;
}

/* 記事本文 */
.write {  
  line-height: 1.8em;
  font-family: Verdana,メイリオ,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Sans-Serif;
  margin: 0 0 20px;
  padding: 0 11px;
  overflow-x: hidden;
  clear: both;
}

.write img.emoji{
  vertical-align:middle;
  margin: 0 2px;
  border:0;
}


.more_l{
  margin: 10px 0 0 0;
  font-size: 11px;
  -font-family: "Alfa Slab One","Arial Black",Impact,Sans-Serif;
  text-align: right;
  color: red;
  clear: both;
}

.more{
  margin: 30px 0 0 0;
  clear: both;
}

.theme{
  margin: 5px 0 0 0;
  font-size: smaller;
  clear: both;
}



/* 記事のステータス */
.sub {
  margin: 0;
  padding: 2px 13px;
}

.sub2 {
  width: 90%;
  margin: 0 auto;
  line-height: 1em;
  border-bottom: 1px solid #aaa;
  clear: both;
}
.sub2 .left{
  color: #fff;
  width: 50%;
  text-align: left;
  float: left;
}
.sub2 .left input{
  color: #fff;
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: pointer;
}
.sub2 .right{
  width: 50%;
  text-align: right;
  float: right;
}



.page_navi{
  font-size: 12px;
  -font-family: "Alfa Slab One","Arial Black",Impact,Sans-Serif;
  margin: 30px auto 50px;
  clear: both;
}
.page_navi .prev{
  width: 50%;
  text-align: right;
  float: left;
}
.page_navi .next{
  width: 50%;
  text-align: left;
  float: right;
}





/* comment,trackback */
.body h2{
  color:#fff;
  font-size: 12px;
  -font-family: "Alfa Slab One","Arial Black",Impact,Sans-Serif;
  font-weight: lighter;
  margin: 0 0 0px;
}

/* コメント本文 */
.write3 {
  color:#fff;
  margin: 0 8px 19px;
  padding: 25px 21px 8px;
  border: 1px dotted #bbb;
  border-radius: 7px;
  clear: both;
}

.write3 h3 {
  margin: -13px 0 15px -13px;
}

/* コメントのステータス */
.write3 .sub{
  color: #fff;
  text-align: right;
  width: 100%;
  margin: 13px -13px 0 0;
  clear: both;
}

.write3 input{
background-color: transparent;
  border: none;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
  cursor: pointer;
}


/* コメントフォーム,tb-URLエリア */
.body2 {
  line-height: 1.4;
  word-break: break-all;
  margin: 0 9px 30px;
  padding: 10px 10px;
  border: 1px dotted #fff;
  border-radius: 7px;
}


/* コメントフォーム */
input#name,input#subject,input#mail,input#url,input#pass,textarea {
  background-color: transparent;
  color: #fff;
  font-size: 100%;
  line-height: 1.7em;
  margin: 0;
  padding: 3px;
  border: 1px solid #fff;
  border-radius: 3px;
}
.button{  
  background-color: transparent;
  color: #fff;
  border:1px solid #fff;
}
.button:hover{  
 position:relative; top:2px; left:2px;
}


/* レスフォーム配置 */
.reaf {
  position: relative;
  width: 90%;
  margin: 21px 0 10px;
  padding: 0 0 0 10px;
}
.reaf dt {
  letter-spacing: 1px;
  position: absolute;
  left: 0;
}
.reaf dd {
  padding: 0 0 7px 55px;
}
.reaf input {
  width: ;
}
.reaf textarea {
  width: 100%;
}
#himitsu {
  width: ;
}



/* トラックバックURL 表示部分の設定 */
.tb_ping {
  width: 99%;
  margin: 10px auto 10px 0;
  border: none;
  font-weight: bolder;
  color: #333;
}

/* トラックバック */
.body2 h3 a:link, .body2 h3 a:visited{
  color:   background-color: transparent;
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 0 -7px;
}
.body2 p{
  color: #fff;
  padding: 5px;
}

/* トラックバックのステータス */
.body2 .sub{
  color: #666;
  text-align: right;
  width: 100%;
  margin: 0 0 -7px;
  clear: both;
}


/*titlelist*/

.allpost {
  padding: 50px 0px 30px 2px;
}

.allpost dd {
  -color: #fff; /*217-17-53*/
  font-size: 90%;
  line-height: 1.1em;
  margin: 3px 30px 13px 0;
  padding: 20px;
  border-top: 1px dotted ;
}

.titlelistfooter{
  color: #fff; /*0-0-*/
}






/* back-next(permanent_area) */
#back-next a{}
#back-next a:hover{}





/* サイドカラム・プラグイン1,2 */

.body3 {
  margin: 0 7px;
  padding: 0;
  -border-top: 1px solid #999;
}
.body3s {
  margin: 0 7px;
  padding: 0;
}

.body3 h3 {
  color: #fff;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: normal;
  margin-top: 0px;
  padding: 1px 1px 3px;
  clear: both;
}
.body3s h3 {
  color: #fff;
  font-size: 14px;
  line-height: 0.7;
  font-weight: normal;
  padding: 1px 1px 3px;
  clear: both;
}

.body3 h3, .body3s h3  {
  padding: 3px 0 10px 2px;
}


/*
.body3 h3:before, .body3s h3:before  {

}
*/
.body3 h3:after, .body3s h3:after {

}


.body3 p, .body3s p{
  margin: 7px 0;
}


/* プラグイン3 */
.body_p3 {
  color: #fff;
  margin: 30px 2px;
  padding: 5px;
  float: left;
  width: 190px;
  background-color: ;
  -border: 1px solid #999;
  -border-radius: 10px;
  white-space: nowrap;
  overflow-x: hidden;
}
.body_p3 h3 {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  padding: 0 0 5px;
}


 /* プラグイン本体 */

#side ul,#side2 ul {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  list-style-type: none;
  -list-style-position: inside;
}

#side li,#side2 li {
  -background-color: #fff;
  letter-spacing: 0;
  margin: 0 0 1em;
}


.write2 {
  line-height: 1.7em;
  overflow-x: hidden;
  margin: 0 0 10px;
  padding: 0 0 10px 5px;
  clear: both;
}


.write2 img, .-plugin-qrcode {
  margin: 0 0px;
}




/*カテゴリリスト設定*/
.main_list ul, .main_list li { margin: 0; padding: 0 }
/*ul.sub_menu .sub_list a, ul.sub_menu .sub_list_end a { font-size: 10x; margin-bottom: -7px; margin-left: 15px }*/
.sub_list a, .sub_list_end a { font-size: 10x; margin-bottom: -7px; margin-left: 15px }





/* HTML内カレンダー設定 */
#cal2 table {
  margin: 0.2em auto 2em;
  width: 200px;
}
#cal2 p{
  color: ;
  text-align: center;
  font-size: 15px;
  -font-family: "Alfa Slab One","Arial Black",Impact,Sans-Serif;
  -font-family: 'MS PMincho','Hiragino Mincho Pro',serif;
  line-height: 1em;
  margin: 27px 0 0;
  padding: 0 0 10px;
  _padding: 27px 0 10px;
  >padding: 27px 0 10px;
}
#cal2 caption {
background-color: ;
}
#cal2 th {
  text-align: center;
  font-size: 10px;
  font-weight: normal;
  -font-family: "Alfa Slab One","Arial Black",Impact,Sans-Serif;
  -font-family: 'MS PMincho','Hiragino Mincho Pro',serif;
}
#cal2 td {
  text-align: center;
  font-size:;
  line-height: 1.6;
  width: 25px;
}
#cal2 td a {
  font-weight: bold;
  display: block;
}
#cal2 .sun {
  color: #1c2756;/*228-67-34*/
}




/* 検索フォーム */
.body3 input:first-child, .body3s input:first-child {
background-color: transparent;
  color: #fff;
  font-size: 100%;
  margin: 0;
  margin: 0 5px 3px;
  padding: 2px;
  border: 1px solid #fff;
}
.body3 input, .body3s input {
  margin: 0 4px 3px;
background-color: transparent;
}




/* 公式プラグイン-カレンダー設定 */
.plugin-calender table {
  margin: 0 0 17px 15px;
  width: 84%;
}
.calender {
  text-align: center;
  border-collapse: separate;
  border-spacing: 0;
}
.calender caption {
  font-size:110%;
  font-weight: bold;
  margin: 0 0 5px;
}
.calender td, .calender th {
  width: 12%;
}

.calender th {
  font-size:80%;
  line-height: 300%;
  font-weight: normal;
  width: 12%;
  padding: 0.1em 0;
}
.calender td {
  font-size:100%;
  line-height: 1.7;
  width: 12%;
}
.calender td a {
  font-weight: bold;
  display: block;
}
.calender #sun {
  color: #161f44;/*228-67-27*/
}
.calender #sat {
  -color: #2a3868; /*227-59-41*/
}










/* copyright,etc. */
#footer {
  text-align: center;
  margin: 0 30px;
  padding: 0.1em 0;
  width: 950px; 
margin-bottom:100%;
}

#footer p {
  letter-spacing: 0.1em;
  margin: 3em 0 0;
  padding:1.5em 0 0;
}

#footer .ad {
  letter-spacing: 0.1em;
  margin: 0;
  padding:3em 0 0;
}


#footer .ad a:link,#footer .ad a:visited  {
  color: #fff /**/
}
#footer .ad a:hover {
  color: #ddd /**/
}


/* pagetop */

#pagetop {
background-color: rgba( 30, 0, 0, 0.3 );
  color: #fff; /**/
  text-align: center;
  font-size: 15px;
  line-height: 100%;
  -font-weight: bold;
  -font-family: "Arial Black",Mangal,Sans-Serif,Impact;
  width: 5em;
  margin: 0;
  padding: 5px;
  border: 1px solid #aaa;
  right: 10px; 
  bottom: 15px; 
  position: fixed; 
}


#pagetop a  {
  color:#fff;
  text-decoration: none;
  display: block;
}

#pagetop a:link,#pagetop a:visited  {
  color: #fff; /**/
}
#pagetop a:hover {
  color: #fff /**/
  text-decoration: none;
  border-bottom:none;
}
#pagetop a:active {
  color: #fff; /**/
  text-decoration: none;
border-bottom:none;

}






/* コメントリストの設定 */
#commentlist {
  color: red;
  margin-top: 1.7em;
  margin-bottom: 7.7em;
  margin-right: 1.7em;
}

/* トラックバックリストの設定 */
#trackbacklist {
  margin: 2.7em 1.7em 0 0;
  padding: 1.7em 0 2.7em 3.7em;
  border-top: 1px solid #ddd;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
  margin-top: 0.7em;
  margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
  margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
  margin-bottom: 0.5em;
}


@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/


body{
width:100vw;
}

#out {
  width: 90vw;
  margin: 0px;
  position: absolute;
  top: 100%;
  left: 2%;
  }

#bg {
 /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  height:0;
  padding-top: 73.6666%;
  background: url(https://blog-imgs-113-origin.fc2.com/k/u/r/kuro0x0usagi/20190706234405651.jpg) no-repeat;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  width:100vw;
  background-color:#000;
  }

/* 記事,menu表示部分------(side+con) */
#main {
 background-color: #000;
 color:#fff;
  clear: left;
  width: 90vw;
  position:static;
  }



/* -右サイドバー--------------- */
#side {
  background-color: #000;
  width: 90vw;
  padding: 0;
  margin: 0;
  clear:right;
  }

#top h1 {
  font-size:15px;
  font-weight: normal;
  position:static;
  }

#footer {
  text-align: center;
  margin: 3px;
  padding: 0.1em 0;
  width: 90vw; 

  }
input,textarea {
  width: 50vw;
 }
.button{  
  background-color: transparent;
  color: #fff;
  border:1px solid #fff;
  width:50px;
 }

}






-textarea,input,select {
  font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}
*/