@charset "utf-8";

.sns {
	top: 500px !important;
	background-color: rgba(255,255,255,0) !important;
	display: none!important;
}

.brSP {
	display: inline-block;
}

#TOP {
	margin-top: -84px;
	padding-top: 84px;
}

@media screen and (min-width: 0) and (max-width: 768px) {
	#TOP {
		margin-top: -22.4vw;
		padding-top: 22.4vw;
	}
}

/*-----------------------------------------------
	wordpress対策
-----------------------------------------------*/

.site-content{
	padding: 0!important;
}

header.site-header,.site-footer{
    display: none;
}

.ssbp-text{
left: initial!important;
bottom: inherit!important;
}

.ssbp--theme-3 .ssbp-line,.ssbp--theme-3 .ssbp-facebook,.ssbp--theme-3 .ssbp-twitter{
    background-color:transparent!important;
	
}

.ssbp--theme-3 .ssbp-btn{padding: 0!important;    display: inherit;}

.ssbp-list li a::before,
.ssbp-list li a::after{
	display: none;
}


/*-----------------------------------------------
	記事一覧
-----------------------------------------------*/
	.single_wrap{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.single_wrap article .single_date span{
		color: #ffffff;
		margin-left: 1em;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		padding-left: 0.4em;
		padding-right: 0.4em;
    background-color: #9e4734;
	}

.single_wrap article .single_date .mk_arrival_of_goods {
		background-color: #348b9e;		
}
	
	.single_wrap article .single_title{
		font-weight: normal;
		margin-top: 0.8em;
		margin-bottom: 0.8em;
	}

	.single_wrap article .single_text{
		text-align: left;
		line-height: 180%;
	}

	.single_wrap .ssbp-list{
		text-align: left;
		    margin-top: 0.5em;
	}

	.ssba-share-text{
		margin-bottom: 0.5em;
		display: inline-block;
		margin-top: 3em;
	}

	#Main .single_wrap .ssbp-list li{
		margin: 0;
		margin-left: 0!important;
		margin-right: 10px;
		width: 31px;
		height: 28px;
		display: inline-block;
	}


@media screen and (min-width: 0) and (max-width: 768px) {
	
	#Main .single_wrap .ssbp-list li{
		width: 8.5vw;
		height: 7.5vw;
		margin-right: 2vw;
	}	
}


	.single_wrap .ssbp-list li a div{
		float: left;
		content: "";
		text-align: center;
		background-repeat: no-repeat;
		background-size: contain;
		overflow: hidden;
		width: 100%;
		height: 100%;
		text-indent: 150%;
		white-space: nowrap;
		display: inline-block;
		}

	.single_wrap .ssbp-list li.ssbp-li--facebook a div{
		background-image: url(../../images/share_fb.gif);
		}

	.single_wrap .ssbp-list li.ssbp-li--twitter a div{
		background-image: url(../../images/share_tw.gif);
		}

	.single_wrap .ssbp-list li.ssbp-li--line a div{
		background-image: url(../../images/share_line.gif);
		}


	.single_wrap a.to_list{
		position: relative;
	}

	.single_wrap a.to_list::after {
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(45deg);
}	

.single_wrap article .single_text h1{
	font-weight: normal;
}

.single_wrap article .single_text h1,.single_wrap article .single_text h2,
.single_wrap article .single_text h3,.single_wrap article .single_text h4,
.single_wrap article .single_text h5,.single_wrap article .single_text h6{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-weight: normal;
}

/*SNS部分*/
#Main .ssbp-list li a {
	height: 100%!important;
	width: 100%!important;
	background-color: transparent!important;
}

/*PC*/
@media screen and (min-width: 769px){
	.single_wrap{
		width: 750px;
		margin-top: 60px;
		margin-bottom: 117px;
	}
	
	.single_wrap article .single_date{
		font-size: 14px;
	}
	
	.single_wrap article .single_date span{
		font-size: 11px;
	}	
	
	.single_wrap article .single_title{
		font-size: 18px;
	}

	
	.single_wrap article .single_text h1{
	font-size: 24px;
	}
	.single_wrap article .single_text h2{font-size: 23px;}
	.single_wrap article .single_text h3{font-size: 21px;}
	.single_wrap article .single_text h4{font-size: 19px;}
	.single_wrap article .single_text h5{font-size: 18px;}
	.single_wrap article .single_text h6{font-size: 16px;}	

	
	.single_wrap article .single_text img{
	margin: 1.5em auto;
		display: block;
	}	
	
/*SNS部分*/
	.single_wrap .ssbp-list{
		margin-bottom: 86px;
	}
	
	.ssba-share-text{
		font-size: 14px;
	}

	.single_wrap a.to_list{
		font-size: 14px;
	}

	.single_wrap a.to_list::after {
    top: 0.4em;
    right: -1em;
    width: 4px;
    height: 4px;
}	
	
}

@media screen and (min-width: 0) and (max-width: 768px) {
	.single_wrap{
		width: 100%;
		margin-top: 3em;
		margin-bottom: 3em;
	}
	
	.single_wrap article .single_date{
		font-size: 3.2vw;
	}
	
	.single_wrap article .single_date span{
		font-size: 2.7vw;
	}	
	
	.single_wrap article .single_title{
		font-size: 4vw;
	}

	.single_wrap article .single_text{
		font-size: 115%;
	}

	.single_wrap article .single_text img{
		margin-top: 1em;
		margin-bottom: 1em;
	}	
	
	.single_wrap article .single_text h1{
		font-size: 4.2vw;
	}
	.single_wrap article .single_text h2{font-size: 4vw;}
	.single_wrap article .single_text h3{font-size: 3.8vw;}
	.single_wrap article .single_text h4{font-size: 3.6vw;;}
	.single_wrap article .single_text h5{font-size: 3.4vw;}
	.single_wrap article .single_text h6{font-size: 3.2vw;}	
	

	.single_wrap .ssbp-list{
		margin-bottom: 2em;
	}

	.ssba-share-text{
		font-size: 4.2vw!important;
		line-height: 160%;
	}

	.single_wrap .ssbp-list li img{
		width: 100%;
	}
	
	.single_wrap .ssbp-list li{
		width: 6.5vw;
	}
	

	.single_wrap a.to_list{
		font-size: 3.2vw;
	}

	.single_wrap a.to_list::after {
    top: 0.33em;
    right: -1em;
    width: 1vw;
    height: 1vw;
	}
}