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

/* -------------------------------
	全般
------------------------------- */
#ikiheta_wrap{
	margin-top: 15px;
}

.ikiheta_header{
    position: relative;
    font-size: 140%;
	background: #FDE1C2;
	padding: 12px 0 10px 20px !important;
	border-radius: 5px;
    float: none;
    width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 15px;
}

.ikiheta_header:before{
	position: absolute;
	left: 8px;
	top: 25%;
	width: 4px;
	height: 50%;
	content: '';
	border-radius: 2px;
	background: #F5A36B;
}

#ikiheta_wrap h3 {
    position: relative;
    font-size: 140%;
	background: #FDE1C2;
	padding: 12px 0 10px 20px !important;
	border-radius: 5px;
    float: none;
    width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 15px;
}

#ikiheta_wrap h3:before{
	position: absolute;
	left: 8px;
	top: 25%;
	width: 4px;
	height: 50%;
	content: '';
	border-radius: 2px;
	background: #F5A36B;
}

#title_ikiheta{
	width: 100%;
}

#ikiheta_wrap .segment{
	margin-bottom: 30px;
	overflow: hidden;
}

#ikiheta_wrap .segment p{
	/*font-size: 100%;*/
	line-height:  1.5;
}

#ikiheta_wrap .segment span{
	/*font-size: 100%;*/
}

a{
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.dotted{
	width: 100%;
	height: 1px;
	background-size: 4px 1px;
	background-image: -o-linear-gradient(left, #000, #000 1px, transparent 1px, transparent 4px);
	background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 4px);
	background-repeat: repeat-x;
}

.pc{
    display: block;
}

.sp{
    display: none;
}

/* -------------------------------
	トップページ
------------------------------- */
.top_setumei p{
	padding-bottom: 30px;
}

.top_setumei p:last-child{
	padding-bottom: 0px;
}

/* メインイメージ */
#main_img{
	width: 630px;
	margin-bottom: 30px
}

#main_img img{
	width: 100%;
}

/* 記事、投稿コーナーリスト */
.ikiheta_list{
    overflow: hidden;
}

.ikiheta_list li.ikiheta_article{
    display: inline-block;
    float: left;
	/*font-size: 100%;*/
    border: none;
    margin: 0 30px 15px 0;
}

.ikiheta_list li:nth-child(4n-1){
	margin-right: 0;
}

.ikiheta_list li.dotted{
	display:none;
}

.ikiheta_list li a{
	display: block;
	width: 300px;
	min-height: 90px;
	color: #333;
}

.ikiheta_list li a:hover{
	opacity: 0.8;
}

.ikiheta_ph {
    width: 90px;
	height: 90px;
	float: left;
}

.ikiheta_ph img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.ikiheta_list .list_title {
    display: block;
    padding-left: 100px;
	padding-top: 5px;
	font-size: 100%;
	line-height: 1.2;
}

/* もっと見る */
.segment .see_more {
    display: inline-block;
    float: right; 
    text-align: center;
	margin-top: 5px;
}

.segment .see_more a{
	display: block;
	padding: 10px;
	color:  #FC8838;
    border: 2px #FC8838 solid;
    border-radius: 25px;
}

.segment .see_more a:hover{
	color:  #FFF;
    border: 2px #F5A36B solid;
    background: #F5A36B;
    text-decoration: none;
}

.segment .see_more a span{
	padding: 0 30px;
}

/* エッセイリスト */
.essay_list{
	overflow: hidden;
	margin-bottom: 15px;
}

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

.essay_list li:last-child{
	margin-right: 0;
}

.essay_list li a{
	display: block;
	width: 150px;
}

.essay_list li a img{
	width: 100%;
}

.essay_list li a:hover{
	opacity: 0.8;
}

span.essay_img {
    display: block;
    margin-bottom: 5px;
}

/* ご意見、情報提供はこちら */
.contact{
	overflow: hidden;
	width: 198px;
    margin: 10px auto;
}

.contact li{
	float: left;
	margin-right: 45px;
	text-align: center;
}

.contact li:last-child{
	margin-right: 0;
}

.contact li img{
	height: 36px;
}

.my_large{
	font-size: 23px;
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 1.5;
    background: #F5A36B;
    border-radius: 50%	
}

.contact li:nth-of-type(3) a:hover{
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	opacity: 0.5;
}

/* -------------------------------
	記事、投稿コーナーリストページのリスト
------------------------------- */
.list_item a {
    display: block;
    width: 100%;
    padding: 15px 0;
    overflow: hidden;
    color: #333 !important;
}

.list_item a:hover {
    opacity: 0.8;
}

.list_item .list_ph {
    width: 120px;
    float: left;
}

.list_item .list_ph img {
    width: 100%;
}

.list_item .list_title {
	display: block;
    padding: 5px 0 0 140px;
    font-size: 140%;
	line-height: 1.2;
}

/* 投稿ページ説明 */
.touou_setumei{
	border: 2px solid #F5A36B;
	border-radius: 8px;
	font-size: 100%;
	line-height: 1.5;
	padding: 15px;
	margin: 15px 0 30px;
}

/* -------------------------------
	記事ページ詳細
------------------------------- */
.genreTitle  p{
    display:  inline;
    margin: 0 0 10px 0;
    font-size: 150%;
    font-weight: bold;
}

.genreNews {
    padding: 0 !important;
}

/* -------------------------------
	投稿ページ詳細
------------------------------- */
.ikihetaContents h4{
	font-size: 24px;
	margin: 30px 0 15px;
}

.ikihetaContents p{
	line-height: 1.5;
    margin-bottom: 15px;
}

/* コメント全般 */
.comment_wrap h4{
	font-size: 120%;
	border-bottom: 2px solid #c6c3c0;
	padding-bottom: 5px;
	color: #726b66;
}

/* コメント一覧 */
.comment_area {
    margin-bottom: 30px;
}

.comment_area i.fas.fa-comment-dots {
    color: #a29f9d;
    padding-right: 0.3em;
}

.comment_list li.comment_item{
	padding: 15px 0;
	/*border-bottom: 1px dotted #B5B3AF;*/
}

.comment_item p{
	font-size: 95%;
	line-height: 1.5;
}

p.poster {
    padding-bottom: 5px;
}

/* コメントフォーム */
/* フォームリセット */
.comment_form input,button,select,textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.comment_form textarea {
  resize: vertical;
}

.comment_form input[type='submit'],input[type='button'],label,button,select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/* 装飾 */
.comment_form h4{
	margin-bottom: 15px;	
}

.comment_form p {
	line-height: 1.2;
    margin-bottom: 15px;
}

.comment_form textarea{
	display: block;
	color: #333;
    font-family: "メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 95%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.5em;
    border: #b5b3af solid 1px;
    border-radius: 5px;
	margin-bottom: 15px;
}

.comment_form input[type="text"] {
    color: #333;
    font-family: "メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 95%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.5em;
    border: #b5b3af solid 1px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment_form select.age {
    position: static;
    visibility: visible;
    color: #333;
    font-family: "メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 95%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0.8em;
    border: #b5b3af solid 1px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment_form button.button1 {
    display: block;
    border: none;
    background: #F5A36B;
    border-radius: 5px;
    color: #fff;
    font-size: 95%;
    padding: 10px 10px 10px 25px;
}

.button1 i.fas.fa-chevron-right {
    padding-left: 15px;
}


/* -------------------------------
	エッセー紹介
------------------------------- */
.work_list{
	/*overflow: hidden;*/
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.work{
	width: calc((100% - 30px)/3);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;	
	/*float: left;*/
	margin: 0 15px 30px 0;
}

.work:nth-child(3n){
	margin-right: 0;
}


.work a{
	display: block;
	width: 100%;
}

.work a:hover{
	opacity: 0.8;
}

.work_img{	
	-webkit-box-sizing: border-box;	
	        box-sizing: border-box;	
	margin-bottom: 5px;
}

.work .work_img img{
	width: 100%;
}

/* -------------------------------
	エッセー詳細
------------------------------- */
.introduction {
    overflow: hidden;
    margin-bottom: 30px;
}

.choosen_item{
	width: 600px;
	float: left;
    margin: 0 30px 15px 0;
}

.choosen_item img{
	width: 100%;
}

.introduction h4 {
    font-size: 140%;
    margin-bottom: 10px;
}

.introduction p {
    font-size: 100%;
    line-height: 1.5;
}

.author {
    overflow: hidden;
    margin: 30px 0;
}

.author_ph {
    width: 108px;
    float: left;
    clear: both;
    padding: 6px;
    background: #FFF;
    -webkit-box-shadow: 0 0 0px 1px rgba(0,0,0,0.1) inset;
            box-shadow: 0 0 0px 1px rgba(0,0,0,0.1) inset;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.author_ph img{
    width: 100%;
}

.author_text {
    float: left;
    width: calc(100% - 123px);
    margin-left: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.author_text .author_name {
    font-size: 110%;
    font-weight: 600;
}

.author_text p {
    line-height: 1.2;
	padding-bottom: 10px;
    word-break: break-all
}

.author_text p:last-child {
	padding-bottom: 0;
}