@charset "utf-8";
/* CSS Document */


/* ◆ blog 共通
-------------------------------- */ 

body#blog .contents{
	padding-top:0;
}



body#blog .contents .accent h2{
	padding-bottom:0;
	margin-bottom:0;
	padding-left:0;
}

body#blog .contents .main p.top-btn{
	text-align:center;
	margin-bottom:30px;
	text-decoration:underline;
}

body#blog .contents .main p.top-btn a{
	color:#000;
}


/* --------------------------------
   □ entry
-------------------------------- */
#blog .main .entry{
	position:relative;
	margin-bottom:50px;
	padding-bottom:25px;
	width:auto;
	font-size:132%;
}

#blog .main .entry h3{
	font-size:260%;
}

#blog .main .entry h3 a{
	text-decoration:none;
}


#blog .main .entry p.name{
	margin-top:5px;
	text-align:right;
}


#blog .main .entry p.data{
	color: #999;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

#blog .main .entry .sentence{

	border-bottom:solid 1px #ddd;
}

#blog .main .entry .sentence,
#blog .main .entry .sentence p{
	line-height:2;
}

#blog .main .entry .sentence p img{
	margin-bottom:10px;
}




/* ◇ pageNavigation
-------------------------------- */

#blog .main ul.pageNavigation{
	margin:10px 0;
	text-align:left;
}

#blog .main ul.pageNavigation li{
	display:inline;
	zoom:1;
	margin:0 7px;
}


/* ◇ #comments
-------------------------------- */
#blog #comments{
	width:auto;
}

#blog #comments h3,
#blog #comments h4{
	margin-bottom:30px;
	padding: 15px;
	font-weight:700;
	font-size:130%;
	color:#333;
	background:0 0 no-repeat;
	background-color: #f2f2f2;
}

#blog #comments p{
	margin-bottom:1.2em;
}

#blog #comments p.form-allowed-tags{
	display: none;
}

#blog #comments p span{
	margin-left:-1em;
	margin-right:0.2em;
	color:#F00;
}

#blog #comments p.comment-notes span{
	margin:0;
}

#blog #comments p.comment-notes{
	margin-bottom:15px;
}

#blog #comments p label{
	display:inline-block;
	zoom:1;
	width:10em;
	vertical-align:top;
}

#blog #comments p input{
	width:300px;
}

#blog #comments p textarea{
	width:500px;
}

#blog #comments p.form-submit{
	text-align:center;
}

#blog #comments p.form-submit input{
	width:30%;
	padding:20px 15px;
}

/* ◇ commentlist
-------------------------------- */

#blog #comments .commentlist {
	padding-bottom:15px;
}

#blog #comments .commentlist li{
	padding:15px 5px;
	border-bottom:1px solid #ddd;
}

#blog #comments .reply{
	text-align:right;
}

#blog #comments a{
	text-decoration:underline;
}

#blog .back{
	margin-bottom:25px;
	text-align:right;
}
#blog .back a{
	padding-left:13px;
	background:url(../../images/common/icon/arrow/black.gif) 0 0.4em no-repeat;
	color:#333;
}


/* --------------------------------
   □ #sidenavi
-------------------------------- */

#blog .sub .chapter{
	width:100%;
	margin-bottom:20px;
	font-size:132%;
}


#blog .sub .chapter h3{
	text-align:center;
	margin-bottom:10px;
	padding:10px 3px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:100%;
}

#blog .sub .chapter a{
	color:#000201;
}


/* ◇ #sideCalendar
-------------------------------- */

#blog .sub p.oldblog{
	margin-bottom: 30px;
}

#blog .sub #sideCalendar{
	margin-top:10px;
	width:100%;
}

#blog .sub #sideCalendar table{
	width:100%;
}

#blog .sub #sideCalendar table th,
#blog .sub #sideCalendar table td{
	text-align:center;
	padding:4px 0;
}

#blog .sub #sideCalendar table td a{
	color:#D0A54C;
	text-decoration:underline;
}

#blog .sub #sideCalendar table td a:hover{
	color:#D0A54C;
}


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

/* ◆ blog 共通
-------------------------------- */ 


body#blog .contents .main{
	width:auto;
	float:none;
	display:block;
	padding:0 2%;
}

body#blog .contents .sub{
	width:auto;
	float:none;
	padding:0 2%;
	display:block;
}


/* --------------------------------
   □ entry
-------------------------------- */
#blog .main .entry{
	width:auto;
}

#blog .main .entry h3{
	font-weight:700;
	font-size:170%;
	background-size:auto 1.5em;
	min-height:1.5em;
}

#blog .main .entry h3,
#blog .main .entry h3 a{
}

#blog .main .entry p.name{
}


#blog .main .entry p.data{
}

#blog .main .entry .sentence{
}

#blog .main .entry .sentence,
#blog .main .entry .sentence p{
}

#blog .main .entry .sentence p img{
}




/* ◇ pageNavigation
-------------------------------- */

#blog .main ul.pageNavigation{
}

#blog .main ul.pageNavigation li{
}


/* ◇ #comments
-------------------------------- */
#blog #comments{
	width:auto;
}

#blog #comments h3,
#blog #comments h4{
}

#blog #comments p{
}

#blog #comments p.form-allowed-tags{
	display: none;
}

#blog #comments p span{
}

#blog #comments p.comment-notes span{
}

#blog #comments p.comment-notes{
}

#blog #comments p label{
}

#blog #comments p input{
	width:60%;
}

#blog #comments p textarea{
	width:90%;
}

#blog #comments p.form-submit{
	text-align:center;
}

#blog #comments p.form-submit input{
	width:60%;
	padding:20px 15px;
}

/* ◇ commentlist
-------------------------------- */

#blog #comments .commentlist {
}

#blog #comments .commentlist li{
}

#blog #comments .reply{
}

#blog #comments a{
}

#blog .back{
}
#blog .back a{
}


/* --------------------------------
   □ #sidenavi
-------------------------------- */

#blog .sub p.oldblog{
	margin: 0 10% 30px;
}

#blog .sub p.oldblog img {
	width: 100%;
}


#blog .sub .chapter h3{
}

#blog .sub .chapter a{
}


/* ◇ #sideCalendar
-------------------------------- */

#blog .sub #sideCalendar{
}

#blog .sub #sideCalendar table{
	width:100%;
}

#blog .sub #sideCalendar table th,
#blog .sub #sideCalendar table td{
	text-align:center;
	padding:4px 0;
}

#blog .sub #sideCalendar table td a{
	color:#D0A54C;
	text-decoration:underline;
}

#blog .sub #sideCalendar table td a:hover{
	color:#D0A54C;
}

}