@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

.hdS {
	background:url(../image/hd-photo.jpg) no-repeat center top;
}

.md {
	background:url(../../image/md-ic/blog.png) no-repeat center top;
	padding-top:55px;
	margin-bottom: 55px;
}

.block:first-child {
	padding-bottom:0;
}

.container {
	background: #fff;
}

.container h2 {
	border-top-width:5px;
	border-top-style:solid;
	border-top-color:#7ab9d8;
}


/*---------------------------------------------------------------------------

   一覧

---------------------------------------------------------------------------

.infolist-box {
	width:71%;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width:800px) {
	.infolist-box {
		width:100%;
	}
}

.infolist h3 {
	background:url(../../image/bg-black25.png) repeat center top;
	color:#fff;
	padding:10px;
	text-align:center;
}

.infolist dl {
	text-align:left;
}

.infolist dt {
	width:9em;
	float:left;
	clear:both;
	margin-right:-9em;
	padding-top:5px;
}

.infolist dd {
	padding-left:9em;
	padding-top:5px;
}

.infolist dd a:hover {
	color:#a0a0a0 !important;
}


/*-------------------------------------------------------
   改ページ
-------------------------------------------------------*/

.kpage {
	list-style:none;
	text-align:center;
}

.kpage li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-align:center;
	margin:10px 4px 0 4px;
	background-color:#5a5a5a;
}

.kpage li a,
.kpage li a:visited,
.kpage li.now {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#fff;
	padding:4px 8px;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
}

.kpage li:hover {
	background-color:#7ab9d8;
}

.kpage li:hover a {
	color:#fff !important;
}

.kpage li.now,
.kpage li.now:hover {
	background-color:#7ab9d8 !important;
	color:#fff !important;
}



/*---------------------------------------------------------------------------

   詳細

---------------------------------------------------------------------------

.infodt-wp {
	max-width:100% !important;
	background:url(../../image/bg-black5.png) repeat center top;
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.infodt-box {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.infodt-box h3 {
	text-align:center;
}

.infodt-box h3 span {
	border-top:5px solid #7ab9d8;
	font-weight:normal;
}


/*-------------------------------------------------------
   ボタン
-------------------------------------------------------*/

.list-back {
	margin-left:15px;
	margin-right:15px;
}

.list-back a {
	background-image:none;
	padding-left:30px;
	padding-right:30px;
}

.dt-back a {
	background:url(../../image/lm-white-left.png) no-repeat center left;
}

.dt-next a {
	background:url(../../image/lm-white.png) no-repeat center right;
	padding-left:0;
	padding-right:20px;
}


/*-------------------------------------------------------
   photo
-------------------------------------------------------*/

.photo-l { float:left; margin-right:30px; margin-bottom:15px; }
.photo-r { float:right; margin-left:30px; margin-bottom:15px; }
.photo-c {
	display:block;
	text-align:center;
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}

.photo-l,
.photo-r { display:inline; }

@media screen and (max-width:800px) {
	.photo-l,
	.photo-r,
	.photo-c {
		float:none;
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
}

/* データファイル */
.datafile { margin-bottom:20px; }
.datafile img {
	vertical-align:middle;
	margin-right:10px;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	main
/------------------------------------------------------------------------------------------------------------------------ */

.main {
	float:right;
	width:70%;
	padding-bottom:20px;
	text-align: left;
}

@media screen and (max-width:800px) {
	.main {
		float:none;
		width:100%;
		padding-bottom:40px;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------/
	一覧ページ
/------------------------------------------------------------------------------------------------------------------------ */

.main .kiji-list h2 {
	text-align:center;
    font-weight: bold;
}

.main .kiji-list ul.list {
    width: calc(100% + 20px);
    box-sizing: border-box;
	list-style: none;
}

.main .kiji-list .list li {
	float: left;
    width: calc(33.3% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
    background-color: #fff;
	border: 1px solid #ccc;
    box-sizing: border-box;
}

.main .kiji-list .list li:nth-child(3n) {
    margin-right: 0%;
}

.main .kiji-list .list li a {
    width: 100%;
	display: block;
    padding: 10px;
	text-decoration:none;
    box-sizing: border-box;
    transition: 0.3s;
    color: #191919;
}

.main .kiji-list .list li .imgLiquid {
    height: 150px;
    max-width: 100%;
    overflow: hidden;
	text-align:center;
	margin-bottom: 10px;
}

.main .kiji-list .list li img.fitimg {
    max-height: 100%;
    max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main .kiji-list .list li .hiduke {
	color:#666;
}
.main .kiji-list .list li .cate {
	padding: 0.25em 0.5em;
	line-height: 1.2;
}
.main .kiji-list .list li .blog_title {
	display: block;
	margin-top:0.5em;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	詳細ページ
/------------------------------------------------------------------------------------------------------------------------ */

.kiji-title {
	margin:0 0 20px;
    box-sizing: border-box;
}

.kiji-title .date {
	margin-right: 1em;
}

.kiji-title .cate {	
	padding: 0.25em 0.5em;
	line-height: 1.2;
	margin-right: 1em;
}

.kiji-title h3 {
	display: block;
	border-bottom: 2px solid #999;
	padding-bottom: 10px;
	margin-top: 0.5em;
}

.kiji-box {
	padding:20px;
}

.pmove {
	text-align:center;
}

.pmove li {
    background-color: #4a4a4a;
    display: inline-block;
    margin: 10px 4px 0;
    text-align: center;
    transition: 0.3s;
}

.pmove li:hover {
	background-color: #1447a0;
}

.pmove li a,
.pmove li a:visited {
	color: #fff;
	display: inline-block;
	line-height: 1.4em;
	padding: 6px 12px;
	text-decoration: none;
}

.md-comment {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	margin-top: 60px;
}

.come-fm {
	margin-top:30px;
}

.come-fm table {
    border-collapse: collapse;
    width: 100%;
}

.come-fm th {
    width: 15%;
    padding-bottom: 15px;
    padding-right: 2em;
    text-align: left;
    white-space: nowrap;
	vertical-align:middle;
}

.come-fm td {
    padding-bottom: 15px;
    text-align: left;
}

textarea { width:98.5%; }
.ip_ss { width:10%; }
.ip_s2 { width:25%; }
.ip_s { width:35%; }
.ip_m { width:60%; }
.ip_l { width:98.5%; }
label { cursor:pointer; padding-top:0.25em; }
label:hover { color:#878787; }
label input { margin-right:0.5em; vertical-align:baseline; }

input[type="text"],
select,
textarea {
	padding:6px;
	border:1px solid #c3c3c3;
	background-color:#fff;
}

option {
	padding:2px 4px;
}

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#3c3c3c;
}

.come-fm input[type="text"],
.come-fm input[type="password"],
.come-fm textarea {
    box-sizing: border-box;
    padding:6px 10px;
}

.come-fm .name { width: 75%; }
.come-fm .pass { width: 50%; }
.come-fm .comment { width: 100%; }

.auth_img {
    float: left;
    margin-right: 10px;
}

.come-bt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #4a4a4a;
    border-color: -moz-use-text-color -moz-use-text-color #537219;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 4px;
    color: #fff;
    cursor: pointer;
    padding: 4px 20px;
}

#comment {
	margin:30px;
	background-color:#fff;
}

#comment .come {
	padding:16px 0;
	margin:0 16px;
	border-bottom:1px dotted #ccc;
}

#comment .come-end {
	padding:16px 0;
	margin:0 16px;
}

.come-del {
	margin:0 30px;
}

.comedel {
	margin-left:117px;
}

.comedel input[type=password] {
	display:block;
	margin-top:6px;
	padding:6px;
}


/* ------------------------------------------------------------------------------------------------------------------------/
	side
/------------------------------------------------------------------------------------------------------------------------ */

.side {
	float:left;
	width:25%;
	text-align: left;
}

@media screen and (max-width:800px) {
	.side {
		float:none;
		width:100%;
	}
}

.side h3 {
	padding-bottom: 8px;
	padding-left: 0.5em;
	font-size: 1.25em;
}

/* 最新の記事・スタッフ */
.side .sl-list {
    padding-bottom: 30px;
}
.side .sl-list ul {
	border-top: 2px solid #ccc;
	list-style: none;
}
.side .sl-list li {
	border-bottom: 1px solid #ccc;
}
.side .sl-list li a {
    display: block;
	padding: 12px;
	text-decoration:none;
}
.side .sl-list li a:after {
	clear: both;
    content: "";
    display: block;
    height: 0;
}
.side .sl-list li img {
	width: 100%;
	height: 100%;
	min-height: 50px;
	object-fit: cover;
}	
.side .sl-list .thumb {
	display: inline;
    float: left;
    margin-right: 15px;
    width: 100px;
}
.side .sl-list .thumb .fitimg {
	display:block;
	margin:0 auto;
}

/* スタッフプロフィール */
.side .side-prof .staffphoto {
	width: 100%;
    margin-bottom: 1em;
}
.side .side-prof .writer {
    margin-bottom: 0.25em;
}
.side .side-prof .comment {
	padding: 0 1em;
}
@media screen and (max-width:800px) {
	.side .side-prof {
		border-top: 2px solid #b4b4b4;
		padding: 12px;
	}
	.side .side-prof .staffphoto {
		display: inline;
		float: left;
		margin-right: 15px;
		width: 100px;
		border: 1px solid #ccc;
	}
}

/* バックナンバー */
.side .side-archives .inner {
    padding: 15px;
    text-align: center;
	border-top: 2px solid #b4b4b4;
	margin-bottom:30px;
}
.side .side-archives .inner select {
	padding:4px;
	width: 100%;
}