/*
Theme Name: peco
Template: twentytwelve
*/
 
@import url('../twentytwelve/style.css');


/* //////adsence整形///////// */
div.big_b{

margin:0.357142857rem 0 0.357142857rem 0;

}

div.mobe_reku{

padding:3%;

}

div.a872090{

margin-top:3%;
margin-bottom:3%;


}


/* //////関連記事整形///////// */
div.y_post{

margin:20px 0px 0px 0px;

}


/* //////フッターA８///////// */
div.a8{

margin:20px 0px 0px 0px;

}

/* //////サイドバー用設定///////// */

/* サイドバー幅 */

.three-columns .widget-area {
    float: left;
    width: 26.041666667%;
}

@media screen and (min-width: 600px) {

/* サイドバー幅 */

.three-columns .widget-area {
    float: left;
    width: 26.041666667%;
}
｝


/* //////基本テキスト色///////// */

body{

color:#000;

}


/* //////最新記事///////// */

/* 全体囲み */
div.new01{

width:38%;
height:370px;
float:left;
margin:1%;
border: 1px solid gray;

}

/* カテゴリー */
div.new01_cat{

width:94%;
height:2%;
margin:1%;
padding:2%;
background:#ff0000;
color:#FFFFFF;
font-size:60%;

}

/* タイトル */
div.new01_title{

width:94%;
height:10%;
margin:1%;
padding:2%;
background:#ffa500;

}

/* タイトルリンク */
.new01_title_a{

text-decoration:none;
color:#000000;
underline;

}

/* タイトルhタグ */
.new01_title_h{

font-size:140%;

}

/* タイトルimg */
div.new01_img{

margin:1%;

}

/* //////最新記事モバイル///////// */
@media screen and (max-width: 600px) {

/* 全体囲み */
div.new01{

width:48%;
height:230px;
float:left;
margin:1%;
border: 1px solid gray;

}

/* カテゴリー */
div.new01_cat{

width:96%;
height:13%;
margin:1%;
padding:2%;
background:#ff0000;
color:#FFFFFF;
font-size:60%;

}

/* タイトル */
div.new01_title{

width:96%;
height:26%;
margin:1%;
padding:2%;
background:#ffa500;

}

/* タイトルリンク */
.new01_title_a{

text-decoration:none;
color:#000000;
underline;

}

/* タイトルhタグ */
.new01_title_h{

font-size:90%;

}

/* タイトルimg */
div.new01_img{

margin:1%;

}

}

/* //////*コンテンツタイトル部分*///////// */

.entry-header .entry-title{

padding-top:1%;

}

.h1_span_sp{

display: block;
background:#ffffff;
/*background:#ffa500;*/
/*border-bottom:1px solid #EEEEEE;*/
border-left:7px solid #ffa500;

padding: 1% 1%;
font-size: 200%;
font-weight: bold;
/* box-shadow: 1px 1px 5px #333333; */
color:#000000;
}

/* //////*コンテンツタイトル部分モバイル///////// */

@media screen and (max-width: 960px) {

.h1_span_sp{

display: block;
background:#ffa500;
/*border-left:7px solid #ff2000;
border-bottom:1px solid #ff2000;*/
padding: 2% 2%;
font-size: 100%;
font-weight: bold;
box-shadow: 1px 1px 5px #333333;
color:#000000;
}

}


/* //////タイトル下日付け///////// */

div.date{

margin-top: 1%;
color:#000000;
font-size:70%;

}

/* //////見出しの改造///////// */

.t01a{
	border-left:7px solid #ffa500;
       /* border-top: 1px solid #ffa500;
        border-bottom: 1px solid #ffa500;*/
	padding: 2% 2%;
	background:#ffffcc;
	box-shadow: 1px 1px 5px #333333;
	color:#000000;
}
.t01b{
	display: block;
	padding-top:0.5%;
	font-size:70%;
	color:#555555;
}

.t01c{
	border-left:7px solid #ffa500;
    	padding-left: 2%;
	border-bottom: 1px dotted #ffa500;
	color:#000000;
        
}

.t01cnb{
	border-left:7px solid #ffa500;
    	padding-left: 2%;
	color:#000000;
        
}


.t01d{
	display: block;
	padding-top:0.5%;
	font-size:80%;
	color:#333333;
}

/*リストの改造*/

.list_anblock{

display: inline;

}


/* タイトル前のサムネイルの調整 */
.entry-header img.wp-post-image {

margin-bottom: 0;
vertical-align: middle;

}

/* タイトル部分の文字設定 */
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {

font-size: 100%;
line-height: 24px;

}


/*asoshieitp囲み*/

div.kakomi_as{

margin-top: 3%;
margin-bottom: 3%;


}


/*記事囲み*/

div.kakomi01{

display: block;
margin-top: 3%;
margin-bottom: 3%;
padding: 1%;
background-color: #fffacd;
color:#000000;
border: 1px dotted #DDDDDD;
box-shadow: 1px 1px 5px #333333;
font-size:120%;
}

div.kakomi01_50{

width:50%;
display: block;
margin-top: 3%;
margin-bottom: 3%;
padding: 1%;
background-color: #fffacd;
color:#000000;
border: 1px dotted #DDDDDD;
box-shadow: 1px 1px 5px #333333;
font-size:120%;
}

div.kakomi02{

display: block;
margin-top: 3%;
margin-bottom: 3%;
padding: 1%;
background-color: #fffacd;
color:#000000;
border: 1px dotted #DDDDDD;
box-shadow: 1px 1px 5px #333333;
font-size:100%;
}

div.kakomi02_50{

display: block;
width:50%;
margin-top: 3%;
margin-bottom: 3%;
padding: 1%;
background-color: #fffacd;
color:#000000;
border: 1px dotted #DDDDDD;
box-shadow: 1px 1px 5px #333333;
font-size:100%;
}




/* ヘッドライン用の調整 */

div.f_caoge {

border: 1px solid gray;
float:left;
width:30%;
height:20%;
/* border: 1px solid;*/
padding : 0.320512820513% 0.320512820513% 0.320512820513% 0.320512820513%;
margin-right: 2px;
margin-top: 2px;
position: relative;

}

div.f_caoge_img_50 {

float:left;
width:100%;
height:100%;
}

div.f_caoge_date{
position: absolute;

left: 3%;
top: 3%;


font-size: 50%;
/* background-color: rgba(255, 255, 255, 0.8); */

padding-left : 3%;
padding-right : 3%;
padding-top : 2%;
padding-bottom : 2%;

border-radius: 3px;
}

div.f_caoge_title {
float:left;
width:80%;
/* height:28%;*/

/* background-color: rgba(255, 255, 255, 0.7);*/

position: absolute;

/* top: 3%; */
left: 0;
bottom: 3%;

padding-left : 15%;
padding-right : 5%;
padding-top : 2%;
padding-bottom : 2%;

text-align: right;
word-wrap:break-word;



}


a.f_caoge_title{

color: rgba(255, 255, 255, 0.9);
font-weight: bold;

}

a.f_caoge_title, a:link.f_caoge_title, a:visited.f_caoge_title{

text-decoration: none;
color: rgba(255, 255, 255, 1.0);
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
/*font-size: 120%;*/
}

a:hover.f_caoge_img img.f_caoge_img {
  opacity: 0.5; /* 透明度80%を指定 */
  filter: alpha(opacity=50); /* for IE */
  background: white;
}

/*体重遷移グラフ用*/

/*バー基礎*/
div.fat_bar {

float:left;
width:100%;
margin-top: 2px;
}

div.fat_bar_manth {

float:left;
width:94%;
height:40px;
margin-top: 2px;
margin-bottom: 2px;
background-color: #FFFFAA;
box-shadow: 1% 1% 5% #999999;
position: relative;
}

div.fat_bar_p {

float:left;
width:20%;
height:30px;
margin-top: 2px;
background-color: #EEEECC;
box-shadow: 1px 1px 5px #999999;
position: relative;

}

div.fat_bar_m {

float:left;
width:60%;
height:30px;
margin-top: 2px;
background-color: #CCEEEE;
box-shadow: 1px 1px 5px #999999;
position: relative;

}

div.fat_bar_ac {

float:left;
width:94%;
height:18px;
margin-top: 2px;
margin-bottom: 2px;
background-color: #ffffff;
box-shadow: 1px 1px 5px #999999;
position: relative;
}


div.fat_bar_ti {

float:left;
width:13%;
height:30px;
margin-top: 2px;
margin-right: 2px;
background-color: #ffffff;
box-shadow: 1px 1px 5px #999999;

}

div.fat_bar_re {

float:left;
height:30px;
background-color: #0000AA;
box-shadow: 1px 1px 5px #333333;
padding-left : 2%;
color: #FFFFFF

}

div.fat_bar_in {

float:right;
height:30px;
background-color: #AA0000;
box-shadow: 1px 1px 5px #333333;
padding-right : 2%;
color: #FFFFFF

}

p.fat_bar_text {

color: rgba(255, 255, 255, 1.0);
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
position: absolute;
}

p.fat_bar_text_in {

color: rgba(255, 255, 255, 1.0);
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
margin-left:40%;
position: absolute;
}

p.fat_bar_text_t {

color: rgba(0, 0, 0, 1.0);
text-shadow: 1px 1px 3px rgba(200, 200, 200, 1);
margin-left:22%;
margin-top:5%
}

div.fat_bar_text_ac {

color: rgba(0, 0, 0, 1.0);
font-size: 70%;
margin-left:2%;
}

div.fat_bar_text_manth {

float:left;
color: rgba(0, 0, 0, 1.0);
text-shadow: 1px 1px 3px rgba(200, 200, 200, 1);
margin-top:1%;
margin-left:20%;
font-size: 120%;
}

div.fat_bar_text_manth_sum {

float:left;
color: rgba(255, 255, 255, 1.0);
font-weight: bold;
font-size: 170%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
margin-left:2%;
}


/* Minimum width of 600 pixels. */
@media screen and (max-width: 960px) {

/*バー基礎*/
div.fat_bar {

float:left;
width:100%;
margin-top: 1px;
}

div.fat_bar_manth {

float:left;
width:94%;
height:30px;
margin-top: 1px;
margin-bottom: 1px;
background-color: #FFFFAA;
box-shadow: 1% 1% 5% #999999;
position: relative;
}

div.fat_bar_p {

float:left;
width:20%;
height:30px;
margin-top: 1px;
background-color: #EEEECC;
box-shadow: 1px 1px 5px #999999;
position: relative;

}

div.fat_bar_m {

float:left;
width:60%;
height:30px;
margin-top: 1px;
background-color: #CCEEEE;
box-shadow: 1px 1px 5px #999999;
position: relative;

}

div.fat_bar_ac {

float:left;
width:94%;
height:18px;
margin-top: 1px;
margin-bottom: 1px;
background-color: #ffffff;
box-shadow: 1px 1px 5px #999999;
position: relative;
}


div.fat_bar_ti {

float:left;
width:13%;
height:30px;
margin-top: 1px;
margin-right: 1px;
background-color: #ffffff;
box-shadow: 1px 1px 5px #999999;

}

div.fat_bar_re {

float:left;
height:30px;
background-color: #0000AA;
box-shadow: 1px 1px 5px #333333;
padding-left : 2%;
color: #FFFFFF

}

div.fat_bar_in {

float:right;
height:30px;
background-color: #AA0000;
box-shadow: 1px 1px 5px #333333;
padding-right : 2%;
color: #FFFFFF

}

p.fat_bar_text {

color: rgba(255, 255, 255, 1.0);
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
position: absolute;
}

p.fat_bar_text_in {

color: rgba(255, 255, 255, 1.0);
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
margin-left:40%;
position: absolute;
}

p.fat_bar_text_t {

color: rgba(0, 0, 0, 1.0);
text-shadow: 1px 1px 3px rgba(200, 200, 200, 1);
margin-left:22%;
font-size: 60%;
margin-top:5%
}

div.fat_bar_text_ac {

color: rgba(0, 0, 0, 1.0);
font-size: 50%;
margin-left:2%;
margin-top:1%;
}

div.fat_bar_text_manth {

float:left;
color: rgba(0, 0, 0, 1.0);
text-shadow: 1px 1px 3px rgba(200, 200, 200, 1);
margin-top:1%;
margin-left:10%;
font-size: 80%;
}

div.fat_bar_text_manth_sum {

float:left;
color: rgba(255, 255, 255, 1.0);
font-weight: bold;
font-size: 100%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),1px 0px 1px rgba(0, 0, 0, 1),-1px -1px 1px rgba(0, 0, 0, 1),1px 1px 2px rgba(0, 0, 0, 1);
margin-left:2%;
}


}