@charset "UTF-8";

/* ==================================================================
	blog.css
=================================================================== */

/* ◆ blog 共通
-------------------------------- */ 
#contents{
	overflow:hidden;
}

body.blog #contents > .chapter{
	padding-bottom:80px;
}

body.blog #contents > .chapter .buttonStyle{
	text-align:center;
}
body.blog #contents > .chapter .buttonStyle a{
	padding:10px 40px;
}

body.blog #contents .mainArea{
	width:707px;
	float:left;
	display:block;
}

body.blog #contents .sub{
	box-sizing:border-box;
	width:333px;
	float:right;
	padding:0 15px 20px 15px;
	display:block;
}

/* --------------------------------
   □ entry
-------------------------------- */
body.blog .mainArea .entry{
	overflow: hidden;
	position:relative;
	margin-bottom:30px;
	padding-bottom:25px;
	width:auto;
	border-bottom:solid 1px #ddd;
}

body.blog .mainArea p.h2,
body.blog .mainArea .entry h3{
	font-size:28px;
	font-size:2.8rem;
	padding-bottom: 19px;
	margin-bottom: 33px;
	border-bottom: 2px solid #444444;
}

body.blog .mainArea .entry h3 a{
	color:#333;
	text-decoration:none;
}


body.blog .mainArea .entry .metaData{
	overflow: hidden;
}

body.blog .mainArea .entry p.data{
	display: inline-block;
	font-family: 'Lora', serif;
	font-size:15px;
	font-size:1.5rem;
	vertical-align: middle;
}
body.blog .mainArea .entry p.category{
	display: inline-block;
	font-size:15px;
	font-size:1.5rem;
	margin-left: 15px;
	vertical-align: middle;
}
body.blog .mainArea .entry p.category span{
	display: inline-block;
	font-size:15px;
	font-size:1.5rem;
	color: #6e6e6e;
	line-height: 1.1;
	background: #fff;
	border-radius: 4px;
	padding: 3px 11px;
	text-align: center;
}

body.blog .mainArea .entry .sentence{
	padding:40px 0;
}

body.blog .mainArea .entry .sentence,
body.blog .mainArea .entry .sentence p{
	line-height:2;
}

body.blog .mainArea .entry .sentence p img{
	margin-bottom:10px;
}

body.blog .mainArea .entry.sideStyle p.image{
	float: left;
	width: 220px;
}
body.blog .mainArea .entry.sideStyle p.image img{
	width: 100%;
	border-radius: 8px;
}
body.blog .mainArea .entry.sideStyle .explain{
	float: right;
	width: 445px;
}

body.blog .mainArea .entry.sideStyle h3{
	font-size:22px;
	font-size:2.2rem;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
body.blog .mainArea .entry.sideStyle h3 a{
	color: #007843;
}


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

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

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


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

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

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

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

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

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

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

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

body.blog #comments p.comment-form-cookies-consent label{
	display:inline;
	width:auto;
}

body.blog #comments p input[type="text"]{
	width:300px;
}

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

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

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

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

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

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

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

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

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


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

body.blog .sub .chapter{
	width:100%;
	padding-bottom: 30px;
	margin-bottom:30px;
	border-bottom: 1px solid #d1d1d1;
}


body.blog .sub .chapter h3{
	margin-bottom:22px;
}
body.blog .sub .chapter h3 .en{
	font-family: 'Lora', serif;
	font-style: normal;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	padding-right: 8px;
}
body.blog .sub .chapter h3 span{
	font-size: 13px;
	font-size: 1.3rem;
	color: #7b7b7b;
}

body.blog .sub .chapter a{
	color:#000201;
}
body.blog .sub .chapter ul li{
	margin-bottom: 9px;
}
body.blog .sub .chapter ul li a{
	padding-left: 12px;
	background: url("../../img/blog/arrow.png") 0 0.3em no-repeat;
}


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

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

body.blog .sub #sideCalendar{
	margin-top:10px;
	width:100%;
}
body.blog .sub #sideCalendar caption{
	font-size: 16px;
	font-size: 1.6rem;
}


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

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

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

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

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



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


body.blog #contents .mainArea{
	width:auto;
	float:none;
	display:block;
	padding:8% 2%;
	padding-bottom: 4em;
}

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


/* --------------------------------
   □ entry
-------------------------------- */

body.blog .mainArea .entry{
	width:auto;
	padding-bottom: 7%;
	margin-bottom: 7%;
}

body.blog .mainArea p.h2,
body.blog .mainArea .entry h3{
	font-weight:700;
	font-size:170%;
	margin-top: 6px;
	padding-bottom: 10px;
}

body.blog .mainArea .entry h3,
body.blog .mainArea .entry h3 a{
}

body.blog .mainArea .entry p.name{
}

body.blog .mainArea .entry p.data{
	display: inline-block;
	font-size:13px;
	font-size:1.3rem;
	margin-right: 8px;
}
body.blog .mainArea .entry p.category{
	display: inline-block;
	font-size:13px;
	font-size:1.3rem;
	margin-left: 0;
}
body.blog .mainArea .entry p.category span{
	font-size:13px;
	font-size:1.3rem;
	color: #6e6e6e;
	padding: 3px 5px;
}
body.blog .mainArea .entry .sentence{
}

body.blog .mainArea .entry .sentence,
body.blog .mainArea .entry .sentence p{
}

body.blog .mainArea .entry .sentence p img{
}


body.blog .mainArea .entry.sideStyle p.image{
	width: 30%;
}
body.blog .mainArea .entry.sideStyle p.image img{
}
body.blog .mainArea .entry.sideStyle .explain{
	width: 68%;
}

body.blog .mainArea .entry.sideStyle h3{
	font-size:16px;
	font-size:1.6rem;
}
body.blog .mainArea .entry.sideStyle h3 a{
	color: #007843;
}

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

body.blog .mainArea ul.pageNavigation{
}

body.blog .mainArea ul.pageNavigation li{
}


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

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

body.blog #comments p{
}

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

body.blog #comments p span{
}

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

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

body.blog #comments p label{
}

body.blog #comments p input[type="text"]{
	width:60%;
}

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

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

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

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

body.blog #comments .commentlist {
}

body.blog #comments .commentlist li{
}

body.blog #comments .reply{
}

body.blog #comments a{
}

body.blog .back{
}
body.blog .back a{
}


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

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

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


body.blog .sub .chapter h3{
}

body.blog .sub .chapter a{
}


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

body.blog .sub #sideCalendar{
}

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

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

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

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

}