/*
Theme Name: エルピューパ
Author: エルピューパ
Author URI: https://elle-pupa.jp
Description:
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
*/



/*
/*
------------------------------------
Structrue
------------------------------------ */
#page{

}
#content{

}



/**
 * 多くのページで共通的な値となっていた最も外画の要素を、
 * .common-page-frame としました。
 * .central は css/style.css 内のプラパティを参照しています。
 *
 */

 /* Page frame */
 .common-page-frame {padding: 90px 5%; position: relative;z-index: 1;/*border-top: #a3d9e0 1px solid;*//*background: url(../images/noise.png) repeat;*/}
/*.common-page-frame:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }*/

@media only screen and (max-width: 800px) {
	.common-page-frame { padding: 80px 5%; padding: 80px 0 0; }
}

@media only screen and (max-width: 738px) {
	.common-page-frame { padding: 70px 0 0; /*background: url(../images/noise2.png) repeat #fefefe;*/}
}

@media only screen and (max-width: 414px) {
  .common-page-frame {padding: 30px 0 0;}
}


/**
 * 2カラムのうち、メインカラムです。
 * photography_detail.css から
 * 複製しています。
 */

 /* Main column */
.common-page-frame .content-area{float: left;width: 100%;margin-top: -57px;max-width: 1200px;}

@media only screen and (max-width: 1024px) {
	.common-page-frame .content-area {/* max-width: calc(100% - 280px); */max-width: 100%;}
}
@media only screen and (max-width: 800px) {
  .common-page-frame .content-area {float:none;width:100%;max-width:100%;margin-top: 0; padding: 0 5% 80px;}
}
@media only screen and (max-width: 738px) {
.common-page-frame .content-area { padding: 0 5% 70px;}
}

@media only screen and (max-width: 414px) {
.common-page-frame .content-area { padding: 0 2.5% 60px; overflow: hidden; }
}



 /* Sidebar */
 .common-page-frame .sidebar-area {float: right;width: 25%;min-width: 280px;}
@media only screen and (max-width: 1024px) {
  .common-page-frame .sidebar-area {min-width: 250px;}
}
@media only screen and (max-width: 800px) {
.common-page-frame .sidebar-area {float:none;width:100%;background: url(../images/noise2.png) repeat #fefefe; background: #f5f5f5;padding: 40px 5% 80px;}
}
@media only screen and (max-width: 738px) {
.common-page-frame .sidebar-area { padding: 35px 5% 70px;}
}

@media only screen and (max-width: 414px) {
.common-page-frame .sidebar-area { padding: 25px 5% 60px; }
}



/**
 * NOTE:
 *
 */

 /* Common box sityle */
.common-box-style {position: relative; z-index: 2;margin-top: 50px;padding-bottom: 10px;}
.common-box-style:before {position: absolute;top: 7px;left: 0;bottom: 7px;right: 0;content: "";border: #ddd 1px  dotted;background: #fefefe;z-index: -2;}
 /*
.common-box-style:after {position: absolute;top: 0;left: 7px;bottom: 0;right: 7px;content: ""; border: #ddd 1px dotted; */z-index: -2;}
 */
@media only screen and (max-width: 800px) {
.common-box-style {margin-top: 45px;}
.common-box-style:first-child{margin-top:0;}
}
@media only screen and (max-width: 738px) {
.common-box-style {margin-top: 35px;}
}






/*
------------------------------------
Common UI component
------------------------------------ */
/*
TODO: Move this to /css/style.css

.btnExSmall */
.btnExSmall { font-size: 12px; line-height:38px; width:180px; max-width:100%; border:#111 1px solid;letter-spacing: 0.5px }
.btnExSmall:after { line-height:40px; }
.btnExSmall:hover { border:#f6bac3 1px solid; }

@media only screen and (max-width: 800px) { 
.btnExSmall { width:200px;}
.btnExSmall:hover { border:#111 1px solid; }
}

.post-edit-link{font-size:12px;color:#ff878d;font-weight: bold;}

.link-underlined{border-bottom: #aaa 1px dashed;}
.link-underlined:hover{background:#fff3f3; color:#ff878d; border-bottom: #fff3f3 1px dashed;}

@media only screen and (max-width: 800px) { 
.link-underlined:hover{background:none; color:#111; border-bottom: #aaa 1px dashed;}	
}





/*
------------------------------------
Single page: Common
------------------------------------ */
.single-page{}

/* Header */
.single-page-header{padding:50px 6% 40px;border-bottom:1px solid #ddd;}

@media only screen and (max-width: 800px) { 
.single-page-header{padding:45px 7.5% 35px; }	
}
@media only screen and (max-width: 738px) { 
.single-page-header{padding:40px 7.5% 25px; }	
}



.single-page-header .title{font-size:25px;font-weight: 500;line-height: 1.5;letter-spacing: 1px;}
.single-page-header .caption{margin-top:10px;font-size:13px;letter-spacing: 1px;line-height: 1.8;}

.single-page-header .meta{font-size:14px;letter-spacing: 1px; line-height: 30px; height: 30px;margin-top:10px;overflow: hidden;}
.single-page-header .meta .date{float:left; font-weight: 600;}
.single-page-header .meta .cats{float:left; margin-left: 10px;}
.single-page-header .meta .cats a{ padding-left:12px; position: relative; z-index: 1; display: inline-block; border-bottom:none }
.single-page-header .meta .cats a:before { position:absolute; top:0; left:0; bottom:0; margin:auto 0; content:""; width:5px; height:1px; background:#7eccd6; z-index:2;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.single-page-header .meta .cats a:hover { color:#7eccd6; background: transparent; }
.single-page-header .meta .cats a:after { position:absolute; top:5px; left:0; bottom:5px; right:100%; content:""; background:#fefefe; z-index:-1;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.single-page-header .meta .cats a:hover:after { right:-5px; background:#f0fafe;}

@media only screen and (max-width: 1024px) { 
.single-page-header .title{font-size:22px;line-height: 1.6;}
}
@media only screen and (max-width: 800px) { 
.single-page-header .title{font-size:20px;line-height: 1.6; text-align: center;}
.single-page-header .title-main {font-size:22px; text-align: left;}
.single-page-header .meta{font-size:13px;}
.single-page-header .meta .cats a:hover { color:#111;}
.single-page-header .meta .cats a:after { display: none;}
}
@media only screen and (max-width: 414px) { 
.single-page-header .title{font-size:16px; font-weight: 500; line-height: 1.6; letter-spacing: 0.5px;}
.single-page-header .title-main { font-size:18px;}
.single-page-header .caption{margin-top:10px;font-size:12px;letter-spacing: 0.5px;line-height: 1.8;}
.single-page-header .meta{font-size:12px;height: auto; line-height: 25px; margin-top:5px;overflow: hidden;}
.single-page-header .meta .date{float:none; font-weight: 600;}
.single-page-header .meta .cats{float:none; margin-left: 0;}
}



/* Image */
.single-page-feature-image{display: block;/*width:auto;*/padding:45px 6%;border-bottom:1px solid #ddd;}
.single-page-feature-image img{width:100%;}

/* Body */
.single-page-body{}
.single-page-body .button-wrapper{padding:30px 6% 40px;border-top:#ddd 1px solid;text-align:center;}
.single-page-body .button-wrapper a.btn { margin-top: 10px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }

@media only screen and (max-width: 800px) { 
.single-page-feature-image{padding:40px 7.5% 35px; }
.single-page-body .button-wrapper{padding:25px 6% 35px;}
}
@media only screen and (max-width: 738px) { 
.single-page-feature-image{padding:30px 7.5%; padding: 10px 17px; }	
.single-page-body .button-wrapper{padding:20px 7.5% 30px;}
}





/*
------------------------------------
Single: Blog post
------------------------------------ */


/* Post content */
.blog-post-content{padding:40px 6%;}

@media only screen and (max-width: 800px) { 
.blog-post-content{padding:35px 7.5%;}
}
@media only screen and (max-width: 738px) { 
.blog-post-content{padding:30px 7.5%;}
}



/* Link to About us */
.blog-post-about-us{padding:50px;border-top:1px solid #ddd;overflow:hidden; }
.blog-post-about-us .inner > .image{display: block;float:left;width:180px;width: 30%;}
.blog-post-about-us > .inner .text{ float: right; width: 65%;}
.blog-post-about-us .header{padding-top:15px;letter-spacing: 1px;}
.blog-post-about-us .header .title{font-size:30px;}
.blog-post-about-us .header .title b { font-size: 0.5em; vertical-align: 0;}
.blog-post-about-us .header .title-lead{font-size:11px;}

.blog-post-about-us .body{margin-top:10px;font-size:13px;line-height: 2;}
.blog-post-about-us .links{text-align: center;margin-top:30px;}
.blog-post-about-us .links a.btn { margin-top: 10px;}

@media only screen and (max-width: 1200px) { 
.blog-post-about-us .header{padding-top:0;}
}

@media only screen and (max-width: 800px) { 
.blog-post-about-us { padding:45px 7.5%;}
.blog-post-about-us .header{padding-top:5px;}
.blog-post-about-us .header .title{font-size:25px;}
}
@media only screen and (max-width: 738px) { 
.blog-post-about-us { padding:40px 7.5%;}
.blog-post-about-us .inner > .image{ margin: 0 auto; float:none; width: 60%;}
.blog-post-about-us > .inner .text{ margin-top: 15px; float:none; width: 100%;}
.blog-post-about-us .header{padding-top:0; text-align: center;}
.blog-post-about-us .header .title{font-size:22px;}
.blog-post-about-us .body{margin-top:8px;font-size: 12px; line-height: 1.8;}
.blog-post-about-us .links{ margin-top:15px;}
.blog-post-about-us .links a.btn { margin-top: 10px;}
}
@media only screen and (max-width: 414px) { 
.blog-post-about-us .inner > .image{ width: 70%;}
}






/* Widgets */
.related-gallery-photos{padding:40px 6%;overflow: hidden;margin:0 -1.6666% -20px;position: relative;}
.related-gallery-photos .item{float:left;width:30%;margin:0 1.6666% 3.3333%;/*height:100px;*//*background-color: #eee;*/background-position: center;/*background-size: contain;*/background-size: cover;background-repeat: no-repeat;}
.related-gallery-photos .item:after{content:'';display: block;width:100%;height: 0;padding-bottom:66.6666%;}


@media only screen and (max-width: 800px) { 
.related-gallery-photos{padding:35px 7.5%;}
}
@media only screen and (max-width: 738px) { 
.related-gallery-photos{padding:30px 7.5%;}
}





/* .blog-categories */

.blog-categories{ margin: -5px; padding:40px 6%; font-size: 0;}
.blog-categories .item{display: inline-block; margin: 5px; padding:0 25px;height: 40px; background: #eee; font-size: 13px;line-height: 40px;}
.blog-categories .item:hover { color:#7eccd6; background:#f0fafe;}

@media only screen and (max-width: 800px) { 
.blog-categories{padding:35px 7.5%;}
.blog-categories .item{ padding:0 20px;}
.blog-categories .item:hover { color:#111; background:#eee;}
}
@media only screen and (max-width: 738px) { 
.blog-categories{padding:30px 7.5%;margin: -3px;}
.blog-categories .item{ margin:3px; padding:0 15px;height: 35px; font-size: 12px;line-height: 35px;}
}
@media only screen and (max-width: 414px) { 
.blog-categories{ margin: 0;}
.blog-categories .item{ display: block;margin:3px 0 0; text-align: center;}
}





/*
------------------------------------
Archive: Blog post (Home)
------------------------------------ */
.archive-blog-posts{}
.archive-blog-posts > .item{padding:40px 6%;border-bottom:1px dotted #ddd;overflow: hidden;}

@media only screen and (max-width: 800px) { 
.archive-blog-posts > .item{padding:35px 7.5%;}
}
@media only screen and (max-width: 738px) { 
.archive-blog-posts > .item{padding:30px 7.5%;}
}
@media only screen and (max-width: 414px) { 
.archive-blog-posts > .item{padding:25px 7.5%;}
}


.archive-blog-posts > .item > .image{background-color: #eee;width: 40%;float:left;display: block;background-position: center; background-size: cover;overflow: hidden;position: relative; z-index: 0;}
.archive-blog-posts > .item > .image:after{content:'';display: block;height: 0;width: 100%;padding-bottom:66.6666%;}
.archive-blog-posts > .item > .image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background-color: transparent; z-index: 1;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;}
.archive-blog-posts > .item > .image:hover:before { background-color: #f6bac3; opacity: 0.3;}

@media only screen and (max-width: 800px) {
.archive-blog-posts > .item > .image:before { display: none;}
}


@media only screen and (max-width: 667px) {

.archive-blog-posts > .item > .image{width: 100%;margin-bottom: 20px;}

}



.archive-blog-posts > .item > .text{margin-left: 45%;}
.archive-blog-posts > .item:last-child{border:none}

/* Title */
.archive-blog-posts > .item .title{font-size: 20px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;font-weight: 500;letter-spacing: 1px;line-height: 1.5;margin-top: -5px;}
/*.archive-blog-posts > .item .title a { border-bottom: #aaa 1px dashed;}*/
.archive-blog-posts > .item .title a:hover { background:#9E9E9E; color:#ffffff;}

/* Meta */
.archive-blog-posts > .item .meta{font-size: 18px;letter-spacing: 0.5px;line-height: 1.6;line-height: 30px;height: 30px;margin-top:5px;overflow: hidden;}
.archive-blog-posts > .item .meta .date{float:left; font-weight: 600;}
.archive-blog-posts > .item .meta .cats{float:left; margin-left: 10px;}
.archive-blog-posts > .item .meta .cats a{ padding-left:12px; position: relative; z-index: 1; display: inline-block; border-bottom:none }
.archive-blog-posts > .item .meta .cats a:before { position:absolute; top:0; left:0; bottom:0; margin:auto 0; content:""; width:5px; height:1px; background:#7eccd6; z-index:2;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.archive-blog-posts > .item .meta .cats a:hover { color:#7eccd6; background: transparent; }
.archive-blog-posts > .item .meta .cats a:after { position:absolute; top:5px; left:0; bottom:5px; right:100%; content:""; background:#fefefe; z-index:-1;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.archive-blog-posts > .item .meta .cats a:hover:after { right:-5px; background:#f0fafe;}

/* Excerpt */
.archive-blog-posts > .item .excerpt{font-size: 14px;line-height: 1.8;margin-top:5px;letter-spacing: 0.5px}

@media only screen and (max-width: 1024px) {
.archive-blog-posts > .item .title{font-size: 18px;margin-top: -5px;}
}
@media only screen and (max-width: 950px) {
.archive-blog-posts > .item .excerpt{display: none;}
}
@media only screen and (max-width: 800px) {
.archive-blog-posts > .item > .text{margin-left: 45%;}
.archive-blog-posts > .item .title{font-size: 16px;letter-spacing: 0.5px;line-height: 1.6;margin-top: 10px;}
.archive-blog-posts > .item .title a:hover { background:none; color:#111;}
.archive-blog-posts > .item .meta .cats a:hover { color:#111; background: transparent; }
.archive-blog-posts > .item .meta .cats a:after { display: none;}
}
@media only screen and (max-width: 738px) {
.archive-blog-posts > .item > .text{margin-left: 45%;}
.archive-blog-posts > .item .title{font-size: 14px;letter-spacing: 0.5px;line-height: 1.6;margin-top: 0;}
.archive-blog-posts > .item .meta{font-size:11px;letter-spacing: 0.5px; line-height: 20px; height: auto;margin-top:5px;}
.archive-blog-posts > .item .meta .date{float:none;}
.archive-blog-posts > .item .meta .cats{float:none; margin-left: 0;}
}

@media only screen and (max-width: 667px) {

.archive-blog-posts > .item > .text{margin-left: 0;}
.archive-blog-posts > .item .title{margin-top:20px;}
}


/* Read more */
.archive-blog-posts > .item .read-more{margin-top:15px;display: inline-block;width:180px;max-width:100%;color:#111;border:#111 1px solid;font-size: 14px;line-height:40px;text-align: center;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.archive-blog-posts > .item .read-more:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; z-index: 1; -webkit-transition: right 0.3s ease; -moz-transition:right 0.3s ease; transition: right 0.3s ease; }
.archive-blog-posts > .item .read-more:hover { color:#fff; border:#9E9E9E 1px solid; background:#111; }
.archive-blog-posts > .item .read-more:hover:after { right: 10px; }

@media only screen and (max-width: 800px) {
.archive-blog-posts > .item .read-more{ margin-top:15px;font-size: 13px;}
.archive-blog-posts > .item .read-more:after { right: 10px;}	
.archive-blog-posts > .item .read-more:hover { color:#fff; border:#111 1px solid;background:#111; }
}
@media only screen and (max-width: 738px) {
.archive-blog-posts > .item .read-more { margin-top: 10px; width:140px;font-size: 12px; line-height:30px;border:none; border:#111 1px solid; font-size: 12px; line-height:30px; text-align: center;letter-spacing: 1px; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.archive-blog-posts > .item .read-more:after,
.archive-blog-posts > .item .read-more:hover:after{ right: 10px;}	
}


/*.archive-blog-posts > .item .read-more:after{
  opacity:1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  content: "";
  background: transparent;
  z-index: -1;
  transition: all 0.3s ease;
}
.archive-blog-posts > .item .read-more:hover{
  opacity:1;
  color: #ff878d;
  border-bottom: #fff1f1 1px solid;
}
.archive-blog-posts > .item .read-more:hover:after{
  width: 100%;
  background: #fff1f1;
}*/






/* Variant: card */
.archive-blog-posts.card{padding:40px 6%;margin:0 -3%;overflow: hidden;}
.archive-blog-posts.card .item{margin:30px 3% 0;width: 44%;padding:0; float:left;border: none;overflow: visible;}
.archive-blog-posts.card .item:first-child,
.archive-blog-posts.card .item:nth-child(2){ margin-top: 0;}
.archive-blog-posts.card .item > .image{width:100%;float:none;}
.archive-blog-posts.card > .item > .text{ margin: 0;}
.archive-blog-posts.card > .item .title{margin:15px 0 0;font-size: 14px;letter-spacing: 0.5px; line-height: 1.7;/*max-height: 36px;overflow: hidden;*/ }
.archive-blog-posts.card > .item .excerpt{display: none;}
.archive-blog-posts.card > .item .meta{ margin-top: 0;/*margin-top:6px;letter-spacing: 0;*/}
.archive-blog-posts.card > .item .meta .cats{/*max-height:17px;max-width: 110px; overflow: hidden;*/}
.archive-blog-posts.card .read-more{display: none;}

@media only screen and (max-width: 800px) { 
.archive-blog-posts.card{padding:35px 7.5%;margin:0 -2.5%;}
.archive-blog-posts.card .item{margin:30px 2.5% 0;width: 45%;}
}

@media only screen and (max-width: 738px) { 
.archive-blog-posts.card{padding:30px 7.5%;}
.archive-blog-posts.card .item{margin:25px 2.5% 0;}
.archive-blog-posts.card > .item .title{margin:10px 0 0;font-size: 12px;line-height: 1.6;}
}






/* pagination */
.archive-pagination{padding:40px 0; font-size: 0; text-align: center;border-top:1px dotted #ddd;}

.pagination .page-numbers{display: inline-block;height:34px;line-height: 33px;width:34px;margin:0 8px;font-size:13px; letter-spacing: 0; text-align: center;}
.pagination a.page-numbers{border: #111 1px solid;border-radius: 100%;}
.pagination .page-numbers.current{color: #fefefe; background: #111;border-radius: 100%;}
.pagination a.page-numbers:hover{ color:#fefefe; background: #f6bac3; border:#f6bac3 1px solid;}

.pagination a.prev,
.pagination a.next{ position: relative; z-index: 1; font-size: 0;}
.pagination a.prev:before,
.pagination a.next:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 12px;font-family: 'themify'; z-index: 1;}
.pagination a.prev:before {content:"\e64a"}
.pagination a.next:before {right: -1px; content: "\e649";}

.pagination .page-numbers.dots{}

@media only screen and (max-width: 800px) { 
.archive-pagination{padding:35px 0;}
.pagination a.page-numbers:hover{ color:#111; background: none; border:#111 1px solid;}
}
@media only screen and (max-width: 738px) { 
.archive-pagination{padding:30px 0;}
.pagination .page-numbers{height:29px;line-height: 28px;width:28px;margin:0 5px;font-size:13px;}
.pagination a.prev:before,
.pagination a.next:before { font-size: 10px;}
}







/*
------------------------------------
Sidebar: Common;
------------------------------------ */
/* Normalize */
.sidebar-section p{font-size:13px;line-height: 1.7;letter-spacing: 0.5px;}

.sidebar-section{border:1px solid #ddd;background-color: #fefefe;}
.sidebar-section:not(:first-child){margin-top:45px;}

.sidebar-section-header{padding:25px 20px 20px;border-bottom:1px solid #ddd;line-height:1.4;}
.sidebar-section-header .title{ margin: 0 -10px; font-size:15px;letter-spacing: 1.25px;font-weight: 700;font-feature-settings:"palt" 1; text-align: center;}
.sidebar-section-header .title_ellepupa { font-size: 18px; font-weight: 700;}
.sidebar-section-header .title_ellepupa b { font-size: 0.7em; vertical-align: 0; font-weight: 500;}
.sidebar-section-header .title .lead{ margin-bottom: 5px; display: block;font-size:11px;letter-spacing: 0.5px;font-weight: normal;}
.sidebar-section-header .title .main{display: block;}
.sidebar-section-header .caption{margin-top:10px;font-size:12px; line-height: 1.8;}

.sidebar-section-body{}
.sidebar-button-wrapper{padding:15px 0;text-align: center;}


@media only screen and (max-width: 800px) { 
.sidebar-section:not(:first-child){margin-top:40px;}
.sidebar-section:first-child{display: none;}
.sidebar-section-header{padding:30px 7.5% 25px;}
.sidebar-section-header .title{ margin: 0 -10px; font-size:15px; letter-spacing: 2px;text-align: center;}
.sidebar-section-header .title_ellepupa { font-size: 20px; }
.sidebar-section-header .title .lead{ margin-bottom: 5px;font-size:11px;letter-spacing: 2px; }
.sidebar-section-header .caption{margin-top:15px;font-size:13px;}
.sidebar-button-wrapper{padding:15px 0 25px;text-align: center;}
}

@media only screen and (max-width: 738px) { 
.sidebar-section:not(:first-child){margin-top:35px;}
.sidebar-section-header{padding:30px 7.5% 25px;}
.sidebar-section-header .title{ font-size:14px;}
.sidebar-section-header .title_ellepupa { font-size: 18px; }
}





/*
------------------------------------
Sidebar: About us
------------------------------------ */
.sidebar-about-us{padding:25px 25px;}
.sidebar-about-us > .image{display: block;margin:0 auto 15px; max-width: 200px}
.sidebar-about-us > .text{/*margin-left:100px;*//*margin-bottom:20px;*/font-size: 13px;line-height: 1.8;}
.sidebar-about-us .btn{display: block;margin:15px auto 0;}

@media only screen and (max-width: 800px) { 
.sidebar-about-us { padding:30px 7.5%; }	
.sidebar-about-us > .image{margin:0 auto 20px;/*max-width:180px;*/}
.sidebar-about-us .btn{ margin:20px auto 0;}
}
@media only screen and (max-width: 738px) { 
.sidebar-about-us { padding:25px 7.5%;}		
}


/*
------------------------------------
Sidebar: Plan
------------------------------------ */
.sidebar-plans{}
.sidebar-plans .item{display: block;border-bottom:1px dotted #ddd; }
.sidebar-plans .item:after {  }

.sidebar-plans .item a { padding:20px 25px;display: block; background:#fefefe;position: relative; z-index: 1;}
.sidebar-plans .item a:hover {background:#fff1f1;}
.sidebar-plans .item .image{display: block;/*background-color: #ccc;*//*width:100px;*/height: auto;/*float:left;*/float: none; width: 100%;}
.sidebar-plans .item a .image { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.sidebar-plans .item a:hover .image { opacity: 0.7;}

.sidebar-plans .item .header{text-align: center; margin-top: 10px;}
.sidebar-plans .item .header .title-en{margin-bottom:5px;font-size:18px;font-family: 'Playfair Display';font-weight: 400;line-height: 1.4;letter-spacing: 1.25px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.sidebar-plans .item a:hover .header .title-en {color:#ff878d;}

.sidebar-plans .item .header .title{font-size:12px;line-height: 1.4;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.sidebar-plans .item a:hover .header .title {color:#ff878d;}

.sidebar-plans .item .desc{margin-top:10px;}
.sidebar-plans .link{ margin:20px auto;display: block;}


@media only screen and (max-width: 800px) { 
.sidebar-plans .item a { padding:30px 7.5%;}	
.sidebar-plans .item a:hover {background:#fefefe;}
.sidebar-plans .item a:hover .image { opacity: 1;}
.sidebar-plans .item .header{ margin-top: 15px;}
.sidebar-plans .item .header .title-en{margin-bottom:5px;font-size:20px;}
.sidebar-plans .item a:hover .header .title-en {color:#111;}
.sidebar-plans .item .header .title{font-size:12px;line-height: 1.4;}
.sidebar-plans .item a:hover .header .title {color:#111;}
.sidebar-plans .item .desc{padding:0 2.5%;line-height: 1.8;}
.sidebar-plans .link{ margin:20px auto;display: block;}
}
@media only screen and (max-width: 738px) { 
.archive-blog-posts > .item{padding:25px 7.5%;}
.sidebar-plans .item .header .title-en{ font-size:18px;}
}
@media only screen and (max-width: 414px) { 
.archive-blog-posts > .item{padding:25px 7.5%;}
}



/*
------------------------------------
Sidebar: Aeru;
------------------------------------ */
.sidebar-section-header.aeru .title{

}
.sidebar-section-header .title.aeru{

}




/*
------------------------------------
Post Default style
------------------------------------ */
.default-style{font-size: 14px;line-height: 2;}

@media only screen and (max-width: 800px) { 
.default-style{font-size: 13px;line-height: 2;}
}

.default-style img{max-width:100%;height: auto;}
.default-style p{font-size:inherit;line-height: inherit;margin:10px 0 20px;word-wrap: break-word;}

.default-style h1,
.default-style h2,
.default-style h3,
.default-style h4,
.default-style h5{
  /*font-weight: bold;*/
}



.default-style h1{ margin: 40px 0 25px 0; padding: 15px 0 15px 25px; border-left: #111 5px solid; font-size: 22px; font-weight: 700; letter-spacing: 1px; line-height: 1.6;}

.default-style h2{margin: 40px 0 25px 0; padding: 10px 0 10px 20px; border-left: #111 3px solid; font-size: 18px; font-weight: 700; letter-spacing: 1px; line-height: 1.6;}

.default-style h3{ margin: 35px 0 25px; padding: 0 0 0 50px; font-size: 16px; font-weight: 700; letter-spacing: 1px; line-height: 1.8; position: relative; z-index: 1;}
.default-style h3:before { position: absolute; top: 12px; left: 0; width: 35px; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;}

.default-style h4{ margin: 35px 0 25px; padding: 0 0 0 50px; font-weight: 15px; font-weight: 700; letter-spacing: 1px; line-height: 1.8; position: relative; z-index: 1;}
.default-style h4:before { position: absolute; top: 11px; left: 0; width: 35px; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;}

.default-style h5{ margin: 35px 0 25px; padding: 0 0 0 50px; font-weight: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.8; position: relative; z-index: 1;}
.default-style h5:before { position: absolute; top: 10px; left: 0; width: 35px; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;}

.default-style h1:first-child,
.default-style h2:first-child,
.default-style h3:first-child,
.default-style h4:first-child,
.default-style h5:first-child{margin-top:0;}

@media only screen and (max-width: 738px) { 
.default-style h1{ margin: 35px 0 20px 0; padding: 10px 0 10px 20px; border-left: #111 3px solid; font-size: 17px; liline-height: 1.9;}
.default-style h2{margin: 40px 0 25px 0; padding: 5px 0 5px 15px; border-left: #111 2px solid; font-size: 15px; line-height: 1.8;}
.default-style h3,
.default-style h4,
.default-style h5{ margin: 30px 0 20px; padding: 0 0 0 35px; }
	.default-style h3 {font-size: 14px;}
.default-style h4{font-size: 14px;}
.default-style h5{font-size: 13px;}
.default-style h3:before,
.default-style h4:before,
.default-style h5:before{ width: 25px; }
}





.default-style blockquote{ margin: 15px 0 0; padding:20px 30px;background-color: #f5f5f5;border:none;}
.default-style blockquote p{margin:5px 0;}

@media only screen and (max-width: 738px) { 
.default-style blockquote{ padding:15px 20px;}	
}

.default-style hr{border:none;border-top:1px dotted #ddd;margin:25px 0;}

.default-style a{border-bottom:1px dashed #111;}
.default-style a:hover{color:#ff878d;background:#fff3f3;border-bottom: #fff3f3 1px dashed;}

.default-style img{max-width: 100%;margin:10px auto;}
.default-style ul{margin:10px 0px;list-style-type: disc;list-style-position: outside;padding-left:20px;font-size: inherit}
.default-style ol{font-size: inherit;margin:10px 0;padding-left: 20px;list-style-type: decimal;list-style-position: outside}
.default-style ul li,
.default-style ol li{font-size: inherit;line-height: 1.8;margin:5px 0;}






/*
------------------------------------
Post style: Additional
------------------------------------ */
.default-style table{
  line-height: 1.4;
  width:100%;
  font-size: 12px;
}
.default-style table tr{

}

.default-style table tr th,
.default-style table tr td{
  padding: 10px 8px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  /*border-width: 0;*/
}
.default-style table tr th{
  font-weight: bold;
  width:90px;
}


.default-style table thead{
  font-weight: bold;
  background-color: #eee;
}






/*
------------------------------------
Default style (WordPress Core)
------------------------------------ */
.alignnone {

}
.aligncenter{
  display: block;
  margin-right:auto;
  margin-left:auto;
}
.alignright {
  float:right;
  margin: 5px 0 5px 30px;
}
.alignleft {
  float: left;
  margin: 5px 30px 5px 0;
}

a img.alignright {
  float: right;
  /*margin: 5px 0 20px 20px;*/
}
a img.alignnone {
  /*margin: 5px 20px 20px 0;*/
}
a img.alignleft {
  float: left;
  /*margin: 5px 20px 20px 0;*/
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Figure shortcode from the admin edit */
.wp-caption{
  /*background: rgba(255,255,255,0.6);*/
  /*border: 1px solid #f0f0f0;*/
  max-width: 100%; /* Image does not overflow the content area */
  /*padding: 5px 3px 5px;*/
  text-align:left;
  margin-top:20px ;
  margin-bottom:20px ;
}
.wp-caption.alignnone {
  /*margin: 5px 20px 20px 0;*/
}
.wp-caption.alignleft {
  /*margin: 5px 20px 20px 0;*/
}
.wp-caption.alignright {
  /*margin: 5px 0 20px 20px;*/
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text{
  font-size: 11px;
  line-height: 1.2;
  margin: 5px 0 0 0;
  padding: 0;

}