/*
Theme Name: XeoryBaseChild
Theme URI: https://xeory.jp/base/
Template: xeory_base
Description: Xeoryベース子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/


/*変更点のみ記載*/

body{
	background-color:#fff;
}

/*詳細ページ*/
article.post{
	border:none;
	margin-bottom:0;
}
#header {
    padding: 20px 0;
}
#header #logo {
    font-size: 20px;
		font-weight:bold;
		line-height: 1;
}
#header #logo a:hover{
	text-decoration:none;
}
#header #header-sns{
	display:none;
}

/* breadcrumb */
#breadcrumb_area {
    background-color: #beaac8;
}

.breadcrumb {
    padding: 10px 0;
		margin-bottom:0;
}
.breadcrumb li {
    color: #fff;
}

.breadcrumb li a {
    color: #fff;
}


#content{
	padding:60px 0;
}
.type-post .post-content{
	padding-top:0;
	padding-bottom:0;
}

.post-header{
	padding-top:0;
}

/*一覧ページ*/
.post-loop-wrap article.post {
    border: 1px #e5e5e5 solid;
    margin-bottom: 60px;
    padding: 40px 0;
}

.post-loop-wrap article.post .post-meta {
    display: none;
}
/* pagination */
.pagination {
    display: center;
}

.pagination a, .pagination > span {
    border: 1px solid #beaac8;
    color: #beaac8;
}

.pagination .current {
	background: #beaac8;
    color: #fff;
}

.pagination a:hover {
    background: #beaac8;
    color: #fff;
}

/*footer*/
.footer-02 {
    background-color: #beaac8;
    border-top: none;
}

.footer-02 .footer-copy {
    text-align: left;
    color: #fff;
}
/*backtotop*/
#footer .backtotop {
    max-width: 180px;
    margin: 0 auto;
}

#footer .backtotop-link {
  border-radius: 0 0 5px 5px;
  display: block;
  text-align: center;
  background-color: #fff;
  font-size: 14px;
  padding: 20px;
  position: relative;
}
#footer .backtotop-link:before{
	content:"＞";
	position:absolute;
	top:2px;
	left: 50%;
	margin-left:-3px;
	transform: rotate(-90deg);
	transition: .2s;
}
#footer .backtotop-link:hover{color: #b4a0cd ;text-decoration: none;}
#footer .backtotop-link:hover::before{top:-4px;}

/*pagetop*/
.pagetop.show {
    opacity: 1;
    color: #b4a0cd;
		transition: .3s opacity ease;
}
.pagetop:hover {
    opacity: .6;
}

.pagetop span {
    border: 3px solid #fff;
    background-color: #b4a0cd;
    transition: .3s ease;
}

/*ボタン*/
.single-btn a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background-color: #beaac8;
    padding: 20px 10px;
    width: 100%;
    display: block;
    border-radius: 100px;
    box-sizing: border-box;
    transition: .3s opacity ease;
		max-width: 500px;
    margin: 0 auto;
}

.single-btn a:hover {
    opacity: 0.65;
		text-decoration:none;
}

@media screen and (max-width: 767px) {
#header {
    padding: 15px 0 !important;
}

#header #logo {
    font-size: 15px;
}

#content {
    padding: 40px 0;
}

.post-header {
    padding: 0;
}

.type-post  .post-content {
    padding: 0 !important;
}

.post-loop-wrap .post-content{
	padding:20px !important;
}
.post-loop-wrap  .post-header{
	padding-right:20px;
	padding-left:20px;
}

/*footer*/
.footer-02 .footer-copy {
    text-align: center;
}
/*ボタン*/
.single-btn a {
        font-size: 14px;
				max-width: 80%;

}

}