@charset "utf-8";


/********* 内容 *****************************************************/

div#content {
	float: left;
	width: 760px;	
	margin-top:30px;
}

div#content h2.rep{
	margin:0 0 20px 0;
    padding: 0 0 3px 0;
    font-size: 1.4rem;
	line-height:1.3;
    display: inline-block;
    border-bottom: dotted 3px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/**********　カテゴリー一覧********/

div#recent div.entry_set{
    background-color: hsla(0,0%,100%,1.00);
    padding: 35px 35px 10px 35px;
    margin-bottom: 5px;
    border: thin solid hsla(0,0%,78%,1.00);
}

@media all and (max-width: 680px) {
	div#recent div.entry_set{
		padding: 20px 20px 10px 20px;
	}
}

@media all and (max-width: 480px) {
	div#recent div.entry_set{
		padding: 15px 15px 10px 15px;
	}
}

div#recent div.entry_set h3 {
	font-size: 2.5rem;
	line-height: 1.3;
	font-weight: normal;
	width: 100%;
	margin: 0;
	border-left: 10px solid hsla(329,61%,42%,1.00);
	position: relative;
}

div#recent div.entry_set h3::after{
    content: "▶︎";
    font-size: 1.3rem;
    position: absolute;
	top: 50%;
  right: 0px;
  margin-top: -7px;
}

div#recent div.entry_set h3 a:link{
    padding: 8px 20px 5px 10px;
    display: block;
	margin:0;
}
div#recent div.entry_set h3 a:hover{
    background-color: hsla(337,71%,92%,1.00);
}

div#recent div.entry_set ul.date{
	margin:0;
	padding:0 20px 0 10px;
	font-size:1.2rem;
	line-height:1.4;
	border-left: 10px solid #A9A9A9;
}

div#recent div.entry_set ul.date li{
	list-style: none;
	display: inline-block;
	margin:0 8px 0 0;
	padding:0;
	
}

div#recent div.entry_set p{
	font-size:1.4rem;
	line-height:1.7;
	color: hsla(0,0%,70%,1.00);
}

/********* エントリー ***********************************************/



div#entry h2 {
	display: none;
}

/*記事 タイトル含む1セット*/
div#entry div.entry {
    margin-bottom: 30px;
    padding: 0 35px 35px 35px;
    border: 1px solid #B7B7B7;
    background-color: hsla(0,0%,100%,1.00);
}

@media all and (max-width: 680px) {
div#entry div.entry {
    padding: 0 20px 35px 20px;
}
}

@media all and (max-width: 480px) {
div#entry div.entry {
    padding: 0 15px 35px 15px;
}
}


div#entry div.entry:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}
 
div#entry div.entry h3 {
	font-weight: normal;
	font-size: 2.8rem;
	line-height: 1.3;
	margin: 2px 0 0 0px;
	padding: 40px 15px 0px 13px;
	border-left: 10px solid #AB296D;
}

div#entry div.entry h3 a:link, div#entry div.entry h3 a:visited {
	color: #222222;
	text-decoration: none;
}
div#entry div.entry h3 a:active, div#entry div.entry h3 a:hover {
	color: #777777;
	text-decoration: none;
}

/*記事本文*/
div#entry div.entry div.content {
	padding: 35px 0;
}



div#entry div.entry div.content p img {
	max-width:100%;
	height:auto;
	margin: 10px 2px;
}

/*日時・カテゴリー表示*/
div#entry div.entry ul.information {
	border-left: 10px solid #A9A9A9;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0 15px;
	font-size: 1.2rem;
	color: #616161;
}
div#entry div.entry ul.information li {
	display: inline;
	margin-right: 5px;
}
/*この記事のURLリンク*/
div#entry div.entry ul.link {
	font-size:1.2rem;
	margin: 0;
	padding: 10px;
	text-align: right;
}
div#entry div.entry ul.link li {
	display: inline;
	margin-left: 5px;
}

/*記事下ページ移動標準*/
div#entry div#entry_link h3 {
	display: none;
}
div#entry div#entry_link ul.entry_link {
	width:100%;
	margin: 0;
	padding:0;
	font-size:1.2rem;
	line-height:1.3;
	display: flex;
	justify-content:space-between;
}
div#entry div#entry_link ul.entry_link li {
	list-style: none;
	margin: 0px;
}

div#entry div#entry_link ul.entry_link li.previous{
	width:48%;
	text-align: right;
}
div#entry div#entry_link ul.entry_link li.previous:after {
	content: " ≫";
}

div#entry div#entry_link ul.entry_link li.next{
	width:48%;
}
div#entry div#entry_link ul.entry_link li.next:before {
	content: "≪ ";
}


/********* ページ移動 ***********************************************/

div#page h2 {
	display: none;
}
div#page ul.order {
	margin: 10px 0;
}
div#page ul.order li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page ul.direct {
	margin: 10px 0;
	text-align: right;
}
div#page ul.direct li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}


/********* ユーティリティ *******************************************/

div#utility {
	width: 210px;
	float: right;
	margin-top:30px;
}
div#utility h2 {
	display: none;
}
div#utility div.utility {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
}
div#utility div.utility h3 {
	color: #ffffff;
	background-color: #AB296D;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.4rem;
}

div#utility div.utility h3.midashi{
    background-image: url(../files/medias/katudou/cate_back.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    height: 135px;
    padding: 0;
    margin: 0;
    background-size: cover;
}

div#utility div.utility div.content {
	margin: 0px;
}
div#utility div.utility div.content ul {
	margin: 5px 0 0 0;
	border-top: 1px solid #989898;
	font-size: 1.5rem;
}

div#utility div.utility div.content ul li{
background-image: url(../files/medias/katudou/icon_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 17px;
	border-bottom: 1px solid #989898;
	list-style-type: none;
}
div#utility div.utility ul li ul {
	margin-top: 0;
	margin-bottom: 0;
}

div#utility div.utility div.content dl {
	margin: 3px 0 0;
	font-size: 1.5rem;
}

div#utility div.utility div.content dl dt {
	line-height: 1.2;
}

div#utility div.utility div.content dl dd {
	color: #999;
	font-size: 1.2rem;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #989898;
	margin: 0 0 7px 0;
}

/* -------------------------------------------------------------------------------- */
/*      div#entry_page ul.entry_page
*/
/*              エントリーページ移動表示部分
*/
/* -------------------------------------------------------------------------------- */
div#entry_pagelink {
	clear:both; margin:0
}

div#entry_pagelink h2 {
	display:none;
}
div#entry_pagelink ul.entry_pagelink {
	text-align: center;
	margin: 20px 0;
	font-size: 90%;
	color: #989898;
}
div#entry_pagelink ul.entry_pagelink li {
    display:inline;
    list-style: none;
    margin-right: 10px;
}



@media all and (max-width: 980px) {

div#content {
	float: none;
	width:94%;
	max-width: 740px;
	margin :30px auto 50px auto;
}
	
div#utility {
	float: none;
	width:94%;
	max-width: 740px;
	margin :30px auto 50px auto;
}
	
div#utility div.utility h3.midashi {
	color: #ffffff;
	background-color: #e33a47;
	background-repeat: no-repeat;
	background-image: none;
	text-indent: 0;
	text-align: center;
	width: 100%;
	height:auto;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.4rem;
}

	
}