@charset "utf-8";
/*=============================
　共通CSS　後でcommon.css へ
==============================*/

/*===================
	サブページ
===================*/
.back_sub_title {
    width:100%;
	background: linear-gradient(left, rgba(214,58,46,1) 40%, rgba(180,15,15,1) 80%);
	background: -ms-linear-gradient(left, rgba(214,58,46,1) 40%, rgba(180,15,15,1) 80%);
	background: -moz-linear-gradient(left, rgba(214,58,46,1) 40%, rgba(180,15,15,1) 80%);
	background: -o-linear-gradient(left, rgba(214,58,46,1) 40%, rgba(180,15,15,1) 80%);
	background: -webkit-linear-gradient(left, rgba(214,58,46,1) 40%, rgba(180,15,15,1) 80%);
}
.back_pankuzu {
    width:100%;
    background: #B40F0F;
    font-size: 90%;
}
.back_pankuzu>ul>li::after{
    content: ' ≫ ';
    padding:0 1em;
}
.back_pankuzu>ul>li:last-child::after{
    content: '';
    padding:0 1em;
}
.pan_home img{
    width: 16px;
    padding: 0 2px;
    display: inline-block;
}


.colo_B30E0E {color: #B30E0E !important;}
.colo_B30E0E a {color: #B30E0E !important;}

.colo_D40005 {color: #D40005 !important;}
.colo_D40005 a {color: #D40005 !important;}

/*==============================
/***    ***/
/*=============================*/
.sub_1530 {
	width: 96%;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

/*=======================
	ブログ
========================*/
.blog_left {
    width: 100%;
}
.blog_left01 {
    width: 77.3529%; /* 左カラム　340px 内側カラム　263px　*/
    margin: 0 auto;
}

.blog_left_icon1 {
    width: 32px;
    margin: 0 3%;
}
.blog_cate>ul>li{
	display: block;
}
.blog_cate>ul>li a {
	display: block;
	background:#FFFFFF;
    width: 100%;
	border:#B40F0F 4px solid;
    box-sizing: border-box;
	border-radius: 50px;
	padding:0.5em 0;
	margin:0.5em 0 1em;
	color:#B40F0F;
	text-decoration: none;
    text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.blog_cate>ul>li a:hover {
	background:#B40F0F;
	color:#FFFFFF;
}

.blog_left_icon2 {
    width: 31px;
    height: 31px;
    margin: 0 3%;
}
.blog_kiji li {
    width: 100%;
    margin:0.5em 0 2em;
    padding-bottom: 1em;
	border-bottom:#B40F0F 4px solid;
}
.blog_left_icon3 {
    width: 47px;
    margin: 0 3%;
}

.blog_right {
    width: 100%;
}
.blog_right01 {
    width: 100%;
    margin: 0 auto;
}
.blog_right02 {
    margin: 0 2% 2em 0;
    width: 98%;
    background: #FFFFFF;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
    position: relative;
}
.blog_right03 {
    padding: 3em 5%;
    width: 90%;
}
.blog_right03_boder {
    border-top:#F9E3E1 solid 4px;
    width: 96%;
    margin: 1em 2%;
}
.blog_cate2>ul>li a {
	display: inline-block;
	background:#B40F0F;
	border:#B40F0F 2px solid;
    box-sizing: border-box;
	border-radius: 50px;
	padding:0.5em 1em;
	margin:0 0.5em 0.5em 0;
	color:#FFFFFF;
	text-decoration: none;
    text-align: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.blog_cate2>ul>li a:hover {
	background:#FFFFFF;
	color:#B40F0F;
}
.blog_right04 {
    padding: 1em 3%;
    width: 94%;
    position: relative;
}
.blog_right04_prev {
	width: 7%;
	position: absolute;
	top: 30%;
	left: 4%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.blog_right04_next {
	width: 7%;
	position: absolute;
	top: 30%;
	right: 0;
    transform: translate(-10%,-50%);
    z-index: 10;
}
.blog_right05 {
    margin: 0;
    width: 100%;
}
.blog_right06>li {
    float: left;
    margin: 0 2% 2em 0;
    width: 98%;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
}
.blog_right06>li a {
    display: block;
    background: #FFFFFF;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.blog_right06>li a:hover {
    background: #F9E3E1;
}
.blog_right06>li a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    opacity: 1.00;
}

.blog_cate4>ul>li {
	display: inline-block;
	background:#B40F0F;
	border:#B40F0F 2px solid;
    box-sizing: border-box;
	border-radius: 50px;
	padding:0.2em 0.6em;
	margin:0 0.5em 0.3em 0;
	color:#FFFFFF;
	text-decoration: none;
    text-align: center;    
}

.blog_right07 {
    padding: 0.3em 10% 0.3em 2%;
    width: 88%;
    position: relative;
}
.blog_right07::after {
    content: '';
	background: url("../img/cms/next_mark.png") no-repeat;
    background-size: contain;
	width: 33px;
    height: 33px;
	position: absolute;
	top: 50%;
	right: 0;
    transform: translate(-50%,-50%);
}
.reco01_01smn {
	width: 45%;
	padding: 0;
	margin: 0 5% 0 0;
	float: left;
	box-sizing: border-box;
}
.reco01_01text {
	width: 40%;
	padding-right: 10%;
	float: left;
}

.blog_right08>li {
    float: left;
    margin: 0 2% 2em 0;
    width: 98%;
    background: #FFFFFF;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
}
.blog_right09_smn {
	width: 45%;
	padding: 0;
	margin: 0 5% 0 0;
	float: left;
}
.blog_right09_text {
	width: 40%;
	padding-right: 10%;
	float: left;
}
.blog_right10 {
    padding: 0.3em 10% 0.3em 2%;
    width: 88%;
    position: relative;
}
.blog_right11 {
	width: 33px;
    height: 33px;
	position: absolute;
	top: 50%;
	right: 0;
    transform: translate(-50%,-50%);
}

/*======================
	事例
======================*/
.case_01 {
    width: 5%;
}
.case_cate2 a {
    text-decoration: none;
}
.case_03 {
    background: #F9E3E1;
    border-radius: 40px;
}
.case_04 {
    width: 10%;
}
.case_05 {
    width: 4%;
}
.case_right02 {
    margin: 0 2% 2em 0;
    width: 98%;
    background: #D63A2E;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
    position: relative;
}
.case_right03 {
    padding: 3em 5%;
    width: 90%;
}


/*==================
	前へ次へ
==================*/
.prev_block {
	width: 46%;
	margin: 0 2% 0 0;
	float: left;
}

.next_block {
	width: 46%;
	margin: 0 0 0 2%;
	float: right;
}

.prev01_01smn {
	width: 75%;
	padding: 0;
	margin: 0 5% 0 0;
	float: none;
	box-sizing: border-box;
}

.prev01_01text {
	width: 100%;
	margin: 0;
	float: none;
}

.prev_icon,
.next_icon {
	position: relative;
	padding: 0 1.5em;
}

.prev_icon::before {
	content: '';
	background: url(../img/icon/icon_arrow_D40005.svg) no-repeat;
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 38%;
	left: 0;
	transform: translate(-50%,-50%);
	transform: rotate( -180deg );
}


.next_icon::before {
	content: '';
	background: url(../img/icon/icon_arrow_D40005.svg) no-repeat;
	background-size: contain;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 47%;
	right: 0;
	transform: translate(-50%,-50%);
}

.next_icon a:hover::before {
	background: url(../img/icon/icon_arrow_FFFFFF.svg) no-repeat;
}

.next01_01smn {
	width: 75%;
	margin: 0 0 0 25%;
	padding: 0;
	float: none;
	box-sizing: border-box;
}


.next01_01text {
	width: 100%;
	float: none;
}


/***  CMSのフリー領域処理  ***/
.cms_free p img {
	display: block;
	width: auto;
	float: none;
	padding: 1em 0;
}

.cms_free p img.alignright {
	margin: 0 0 0 auto;
}

/* 配置位置 右 */
.cms_free p img.alignleft {
	margin: 0 auto 0 0;
}

/* 配置位置 左 */
.cms_free p img.aligncenter {
	margin: 0 auto;
}

/* 配置位置 中央 */
.cms_free p img.alignnone {
	margin: 0 auto 0 0;
}

/* 配置位置 左 */
.cms_free img {
	display: block;
	width: auto;
	float: none;
	padding: 1em 0;
}

.cms_free img.alignright {
	margin: 0 0 0 auto;
}

/* 配置位置 右 */
.cms_free img.alignleft {
	margin: 0 auto 0 0;
}

/* 配置位置 左 */
.cms_free img.aligncenter {
	margin: 0 auto;
}

/* 配置位置 中央 */
.cms_free img.alignnone {
	margin: 0 auto 0 0;
}

/* 配置位置 左 */
.cms_free img {
	width: auto;
	max-width: 100%;
}

/* 配置位置 左 */
.cms_free p {
	padding: 0.3em 0;
}

.cms_free table {
	border: #CCCCCC solid 1px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.cms_free table td {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}

.cms_free table th {
	border-right: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	font-weight: normal;
}

/***  カレンダー  ***/
.wp-calendar {
	margin: 1.5em 0;
}

.wp-calendar table {
	width: 100%;
	padding-top: 0.5em;
	color: #000000;
}

.wp-calendar table th,
.wp-calendar table td {
	width: 14.2857%;
	background-color: none;
	text-align: center;
}

.wp-calendar table tfoot a {
	text-decoration: underline;
}

.wp-calendar table tfoot a:hover {
	text-decoration: none;
}

.wp-calendar table tbody a {
	display: block;
	color: #FFFFFF !important;
	background-color: #B20D0D;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.wp-calendar table tbody a:hover {
	color: #FFFFFFF !important;
	background-color: #CCCCCC;
    box-sizing: border-box;
    border : #B20D0D solid 2px;
    margin: -2px
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
	/***  メインコンテンツ  ***/
.sub_1530 {
    width: 100%;
}

/*==================
    ブログ
==================*/
.blog_left {
    width: 22.2222%; /* 全体　1530px 内左カラム　340px　*/
}
.blog_right {
    width: 77.7777%; /* 全体　1530px 内右カラム　1190px　*/
}

.blog_right01 {
    width: 91.4285%;
}
.blog_right02 {
    margin: 0 5%;
    width: 90%;
}
.blog_right05 {
    margin: 0 0 0 5%;
    width: 95%;
}
.blog_right06>li {
    margin: 0 5% 1em 0 ;
    width: 45%;
}
.blog_right04_prev {
    width: 5%;
    top: 50%;
    left: 1%;
    transform: translate(0,-50%);
    z-index: 10;
}

.blog_right04_next {
    width: 5%;
    top: 50%;
    right: 1%;
    transform: translate(0,-50%);
    z-index: 10;
}

.blog_right09_smn {
    width: 20%;
    padding: 0;
    margin: 0.5em 3% 0.5em 0;
}
.blog_right09_text {
    width: 74%;
    padding-right: 3%;
    margin: 0.7em 0 0 0;
}

/*======================
    事例
======================*/
.case_right02 {
    margin: 0 5% 3em;
    width: 90%;
}

/*===================
    前へ次へ
====================*/

.prev_block {
    width: 45%;
    margin: 0 5% 0 0;
    float: left;
}

.next_block {
    width: 45%;
    margin: 0 0 0 5%;
    float: right;
}

.prev01_01smn {
    width: 40%;
    margin: 0 5% 0 0;
    float: left;
}

.prev01_01text {
    width: 55%;
    margin: 0;
    float: left;
}

.next01_01smn {
    width: 40%;
    margin: 0 0 0 5%;
    float: right;
}

.next01_01text {
    width: 55%;
    margin: 0;
    float: left;
}

}

/*=================================================================================*/
/** 1530px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1530px) {
	/**** メインコンテンツ　****/
.sub_1530 {
    width: 1530px;
	margin: 0 auto;
	padding: 0;
}

.blog_right04_prev {
	width: 43px;
}
.blog_right04_next {
	width: 43px;
}

}