@charset "UTF-8";

/*===================================
　SPここから
===================================*/
@media (max-width: 798px ){
/*  base
===================================*/
.page_detail_tit .leftTit {
/*        float: left;
    width: 11%;
    height: 60%;
    margin-top: 2.9%;
    border-right: solid 1px #000;
    text-align: center;
    position: relative;
    box-sizing: border-box;;*/
    display: none;
}
.page_detail_tit .leftTitInner {
    display: inline-block;
    font-size: 11px;
    margin-top: 35px;
    padding: 5px 13px;
    border: solid 1px #000000;
    border-radius: 5px;
    margin-right: 5px;
    color: #000000;
}
.page_detail_tit .centerTit {
	width: 97%;
	height: 100%;
	text-align: center;
	padding: 20px 0 20px;
	margin: auto;
}
.page_detail_tit .centerTit .jadTit {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 17px;
	line-height: 1.4;
	letter-spacing: 2px;
}
.page_detail_tit .centerTit .undertitcat {
	margin-top: 7px;
	font-size: 14px;
}
.page_detail_tit .rightTit {display: none;}
.page_detail_tit .rightTitInner {
    display: inline-block;
    font-size: 19px;
    letter-spacing: 0px;
    font-weight: bold;
    margin-top: 35px;
    padding: 5px 13px;
    margin-right: 5px;
    color: #000000;
}
.pankuzu {
/*    font-size: 11px;
    margin-bottom: 80px;*/
    display: none;
}
.pankuzu ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
}
.pankuzu ol li:before {
    /* liの後に記号追加 */
    content:" > ";
    margin: 0 10px;
}

.pankuzu ol li:first-child:before {
    /* 最初のliだけcontentを消す */
    content: none;
}
.journalTagBox{
    margin-top: -30px;
    margin-bottom: 55px;
}
.journalTagBox>.articleTags li{
    display: inline-block;
    padding: 0px 6px 3px;
    background: #B3B4B4;
    border-radius: 10px;
    margin-right: 5px;
    margin-top: 5px;
}
.journalTagBox>.articleTags li a{
    font-size: 11px;
    color: #fff;

}
/*.journalPage .mainImage {
    width: 100%;
    height: 0;
    padding-top: 62%;
    margin: 0 auto;
    margin-bottom: 60px;
    background-color: #00aaaa;
}*/
.journalPage .mainImage {
    width: 90%;
    height: 100%;
    min-height: 187px;
    margin: auto;
    background-size: cover;
    margin: 0 auto 60px;
    background-color: transparent;
}

.journalPage .mainImage img {
    width: 100%;
    height: auto;
}

.content {
	text-align: center;
	margin: 0 auto 50px;
	width: 90%;
}
.post_content ,.post_content p,
.contentBody ,.contentBody p{
	text-align: justify;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 26px;
}
.post_content img,
.contentBody img {
    width: 100%;
    height: auto;
}

.post_content a,
.contentBody a{
	text-decoration: underline;
}
.post_content h1 {
    text-align: left;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 20px 0;
    font-size: 18px;
    margin-bottom: 22px;
    letter-spacing: 1px;
    font-weight: bold;
}
.post_content h2 {
    text-align: left;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top-style: dotted;
    border-bottom-style: dotted;
    padding: 20px 0;
    font-size: 18px;
    margin-bottom: 22px;
    letter-spacing: 1px;
    font-weight: bold;
}
.post_content p {
/*    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 34px;
    font-weight: bold;*/
    margin-bottom: 40px;
}
.content .subImage {
	width: 100%;
	height: 0;
	padding-top: 60%;
	background-position: center center;
	margin-bottom: 83px;
	background-color: #000000;
}
.content .contentBody p {
    /*line-height: 40px;*/
}
.related_posts_tit {
    border-top: solid 2px #000;
    border-bottom: solid 1px #000;
    padding: 24px 0;
    text-align: center;
    margin-bottom: 52px;
}
.related_posts_tit .mainTit {
	display: inline-block;
}
/*.related_posts_tit .subTit {
    font-size: 11px;
    margin-top: 7px;
}*/

/*  journalCat
===================================*/
.journalPage .journalCat {margin: 110px auto 25px ;}

.share {
    display: inline-block;
    margin-bottom: 0px;
}
.share .fb_box {
    margin-bottom:2px;
    float: left;
}
.share .tw_box {
    float: left;
    margin-left: 15px;
}

}