﻿#page-main {
    background-color: #000;
	padding-top: 169px;
}

#page-main .wrap {
    padding: 0px;
    width: 1080px;
    margin: 0 auto;
}
#page-main .post-content {
    padding: 0px 10px 10px !important;
}
#page-main .post-content .back p {
    display: block !important;
    color: #000;
    font-weight: bold;
}
#page-main .post-content .back p.spnone:before {
    content: "";
}
#page-main .post-content a:visited {
    color: #895B8A;
}
#page-main .post-content h2 {
    text-align: center;
    padding: 0px 0px 2px;
}
#page-main .post-content h2.red {
    color: #fff;
    font-weight: bold !important;
    background-color: #E60012;
}
#page-main .post-content h2.black {
    color: #fff;
    font-weight: bold !important;
    background-color: #000;
}
#page-main .post-content h2.white {
    color: #f8f8f8;
    font-weight: bold !important;
    background-color: #F4F4F4;
}
#page-main .post-content h2.blue {
    color: #ffff41;
    font-weight: bold !important;
    background-color: #00A0E9;
}
#page-main .post-content .lead {
    color: #fff;
    background-color: #000;
    border: 0px;
}
#page-main .post-content .relation span {
    color: #b3b8bc;
    font-size: 12px;
    margin-right: 0px;
    display: inline-block;
}
#page-main .post-content .relation span {
    display: block;
}
.one_box img {
    border-radius: 3px;
}
/* ========================================
                 非表示設定
 ======================================== */

/* 右サイドバー分のマージン削除 */
#page-main .main-inner {
    margin-right: 0px;
}
/* 記事タイトル削除 */
#page-main .post-header {
    display: none;
}
/*  */
#page-main #content {
    padding: 15px 0px 0px;
}

/****************************************

			　　PC

*****************************************/
@media screen and (min-width: 768px) {
#post-18991 {
    width: 90%;
    margin: 0 auto;
}
#page-main .post-content {
    background: #000;
    font-size: 1.0em;
}
#page-main .post-content p:first-child,  #page-main .post-content p:nth-child(2) {
    margin-left: 5px !important;
}
#page-main .post-content h2 {
    font-size: 1.4em;
    padding: 2px !important;
    border-radius: 5px;
    margin: 10px 0px 0px !important;
}
#page-main .post-content h2 img {
    width: 60% !important;
}
#page-main .post-content .two_box img.date {
    width: 70% !important;
    margin: 5px 0px 0px;
}
#page-main .post-content .one_box {
    width: 96% !important;
    display: inline-block !important;
    margin: 0px 10px;
    padding: 6px 0px 6px 0px;
    border-bottom: 1px dotted #ddd;
}
#page-main .post-content .one_box p {
    margin: 0px;
}
#page-main .post-content .one_box img {
    margin: 0;
}
.box_wrap {
	 letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
#page-main .post-content .two_box {
    width: 49.8% !important;
    display: inline-block !important;
    vertical-align: top;
    border-right: 1px solid #000;
    border-left: 1px solid #fff;
    margin: 0px;
    padding: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	letter-spacing: normal; /* 文字間を元に戻す */
}
#page-main .post-content .two_box .back {
    margin: 0px 0px 20px !important;
    padding: 10px 10px;
}
#page-main .post-content .two_box p {
    margin: 0.2em 0 0.2em !important;
    vertical-align: middle;
    font-size: 1.2em !important;
    display: block !important;
    position: relative;
}
#page-main .post-content .two_box .back a {
    color: #308dd3 !important;
    padding-left: 15px;
}
#page-main .post-content .two_box .back a:before {
    display: block;
    content: '';
    position: absolute;
    top: 8px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 7px solid #1b1b1b;
    left: 0px;
}
#page-main .post-content .two_box img {
    border-radius: 8px;
}
#page-main .post-content .wp-image-16110 {
    width: 70%;
}
 #page-main .post-content h2.black, #page-main .post-content h2.red, #page-main .post-content h2.white, #page-main .post-content h2.blue, {
 margin: 30px 0px 8px !important;
}
#page-main .post-content p .wp-image-16110 {
    width: 98%;
}
}

/****************************************

			　　スマホ

*****************************************/
@media screen and (max-width: 767px) {
	#page-main {
	padding-top: 0px;
}
	#page-main .wrap {
    padding: 0px 3%;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	#page-main .post-content {
    padding: 0px;
    background-color: #FFFFFF;
}
	#page-main .post-content h2.black {
    color: #fff;
    font-weight: bold !important;
    background-color: #000;
}
	#page-main .post-content h2 {
	font-size: 1.0em;
	padding: 2px !important;
	border-radius: 5px 5px 0px 0px;
	margin: 10px 0px 0px !important;
}

#page-main .post-content h2 img {
	width: 70% !important;
}

#page-main .post-content .two_box img.date {
	width: 80% !important;
	margin: 5px 0px 0px;
}

#page-main .post-content .two_box img.btn {
	width: 100% !important;
	margin: 5px 0px 0px;
}

#page-main .post-content .lead {
	font-size: 0.8em;
}

#page-main .post-content .one_box {
	width: 100% !important;
	display: block !important;
	clear: both !important;
	border-bottom: 1px dotted #ddd !important;
	padding: 6px 0px;
}

#page-main .post-content .one_box img {
	width: 20% !important;
	margin: 0px 8px 0px 0px !important;
	display: inline-block !important;
	vertical-align: top;
}

#page-main .post-content .one_box p {
	width: 75%;
	font-size: 1.0em !important;
	line-height: 1.0em;
	margin: 0px !important;
	vertical-align: middle;
	display: inline-block !important;
}
	
#page-main .post-content .two_box {
	width: 100% !important;
	display: block !important;
}

#page-main .post-content .two_box i {
	display: none;
}

#page-main .post-content .two_box .back {
	margin: 0px 0px 20px !important;
	padding: 10px 0px;
	background: #ededed;
}

#page-main .post-content .two_box p {
	margin: 0px 16px 3px 1em !important;
	vertical-align: middle;
	font-size: 1.0em !important;
	display: block !important;
	background: #fff;
	padding: 2px 2px 2px 10px;
}
#page-main .post-content .two_box .back a {
    color: #308dd3 !important;
    padding-left: 15px;
    text-decoration: none;
    position: relative;
}
#page-main .post-content .two_box .back a:before {
    display: block;
    content: '';
    position: absolute;
    top: 4px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 7px solid #1b1b1b;
    left: 0px;
}


#page-main .post-content p .wp-image-16110 {
	width: 100%;
}
}
