@charset "UTF-8";
/*   
Theme Name: oppai-earth
Description: おっぱいは地球を救う。テーマ
Author: 
Author URI: http://oppai-earth.com/
*/
body article {
    background-color: #FFF;
    box-shadow: #9d9d9d 0px 0px 7px;
}

body span.kome {
    font-size: 80%;
    margin-left: 10px;
}

body.color03 .post-header {
    padding: inherit;
    margin-bottom:3%;
    position: relative;
    border-bottom: none;
}

article .post-thumbnail {
    position: relative;
}

article .post-thumbnail img.wave-img {
    position: absolute;
    bottom: 0;
    left: 0;
}

article .post-header .cat-name {
    margin: 20px;
    text-align: center;
}

.breastfeeding .post-header .cat-name span {
    border: 0 !important;
    color: #FFF !important;
    background-color: #f9b8ab;
    border-radius: 5px;
}

article .post-title {
    font-size: 32px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 36px;
    margin: 0 20px 50px;
}

article .post-sns {
    margin: 0 20px;
}

.post-meta-area {
    margin: 0;
    border-bottom: 0 !important; 
    overflow: hidden;
}
.post-meta-area .post-meta .date {
    padding: 12px 20px;
    text-align: right;
    border-right: solid 1px #CCC;
    box-sizing: border-box;
}

.post-meta-area .post-meta-comment {
    text-align: left;
    width: 50%;
    float: left;
    padding: 12px 24px;
}

body.color03 .post-meta-area .post-meta-comment li {
    border-left: 0;
    padding: 0;
}

section .post-content p{
    margin-top: 40px;
    line-height: 200%;
    text-align: justify;
}

#content .wp-caption { 
    border: 0;
    background-color: unset;
    padding: 0px;
    margin: 10px;
    max-width: 100%;
    box-sizing: border-box;
    -khtml-border-radius: 0;
    border-radius: 0;
}

section .index-list {
    position: relative; 
}

section .index-list img {
    display: block;
    margin: 0 auto;
}

section .index-list ul{
    z-index: 2;
    list-style-type: none;
    margin: 0 0 2em;
    padding: 0;
    overflow: hidden;
}

section .index-list li {
    overflow: hidden;
}

section .index-list li a {
    display: block;
    padding: 1% 2%;
    background-color: #f1f0f0;
    margin: 1%;
    border-radius: 5px;
    font-weight: bold;
    color:#343434;
}

section .index-list li a:hover {
    background-color: #bcdde1;
    color: #FFF;
}
.breastfeeding .post-content .box1,
.breastfeeding .post-content .box2,
.breastfeeding .post-content .box3{
    margin-bottom: 10%;
    overflow: hidden;
}

.breastfeeding .post-content h2{
    color: #f47a62 !important;
    background: none !important;
    border-bottom: solid 3px #f47a62;
    font-weight: bold;
    padding: 2%;
    border-left: 0 !important;
    position: relative;
    margin: 0 0 50px;
    line-height: 1.2;
}

.breastfeeding .post-content h2:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 10%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.breastfeeding .post-content h2:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #f47a62;
  z-index: 1;
}

.breastfeeding .post-content span.check {
    background: #fde3dd;
    padding: 3px;
    display: inline;
}
.breastfeeding .post-content dl.descript {
    border: 1px dashed;
    position: relative;
}

.breastfeeding .post-content dl.descript dt {
    position: absolute;
    top: -15%;
    left: 2%;
    background-color: #FFF;
    display: block;
    padding: 0 2%;
}

.breastfeeding .post-content dl.descript dd {
    margin: 3%;
}

.breastfeeding .post-content dl.descript dd a {
    text-decoration: underline;
    color: #396685;
}
.breastfeeding .post-content .onepoi dt {
    width: 30%;
    float: left;
}

.breastfeeding .post-content .onepoi {
    overflow: hidden;
}

.breastfeeding .post-content .onepoi dt img {
    display: block;
    margin: 2%;
}

.breastfeeding .post-content .onepoi dd {
    width: 70%;
    float: right;
    margin: 10% 0 0;
    position: relative;
    display: inline-block;
    padding: 3%;
    max-width: 100%;
    background: #fffae7;
    border-radius: 10px;
}

.breastfeeding .post-content .onepoi dd:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fffae7;
}
body.color03 #comments {
    background: #fff;
    margin: 5% 0;
    border: 0;
    padding: 40px 45px;
}

.breastfeeding .post-content ul.wrapup li{
    margin-bottom: 2%;
}

.breastfeeding .post-content .listhyo {
    border: 1px solid #CCC;
    box-sizing: border-box;
    margin: 0 0 30px;
    padding: 0;
}

.breastfeeding .post-content .listhyo li {
    list-style: none;
    border-bottom: 1px solid #CCC;
    background-color: #fde3dd;
}

.breastfeeding .post-content .listhyo  li:last-child {
    border-bottom: 0;
}

.breastfeeding .post-content .listhyo  dl{
    overflow:hidden;
    margin: 0;
}

.breastfeeding .post-content .listhyo  dt {
    float: left;
    width: 30%;
    text-align: center;
    padding: 40px;
    overflow: hidden;
}

.breastfeeding .post-content .listhyo  dd {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    overflow: hidden;
    float: right;
    width: 70%;
    margin: 0;
    padding: 2%;
}

.breastfeeding .post-content .listhyo  dd:nth-child(even){
    background:#EEEEEE;
}
.breastfeeding .post-content .listhyo  dd:nth-child(odd){
    background:#FFFFFF;
}
.breastfeeding .post-content .listhyo  dd:last-child {
    border-bottom: 0;
}


body.color03 .breastfeeding .post-content h3 {
    border: 1px solid #343434;
    border-radius: 5px;
    padding: 20px;
    line-height: 1.3;
    position: relative;
} 

body.color03 .breastfeeding .post-content h3 span.nonburu {
    display: inline-block;
    background-color: #fdc903;
    padding: 3px 10px;
    color: #396685;
    font-weight: bold;
    position: absolute;
    left: 2%;
    top: -20%;
    font-size: 85%;
}

body.color03 .breastfeeding .post-content .af-pro h3 {
    border: 0;
    border-radius: 0;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

body.color03 .breastfeeding .post-content .af-pro h3 img{
    margin: 0 auto;
    display: block;
}

body.color03 .breastfeeding .post-content .af-pro ul {
    margin-left: 0;
    background: url(./lib/images/oppai/pat01.png);
    background-repeat: repeat;
    border-radius: 10px;
    padding: 3%;
    overflow: hidden;
    list-style: none;
}

body.color03 .breastfeeding .post-content .af-pro ul li,
body.color03 .breastfeeding .post-content .af-pro ul li dl {
    overflow: hidden
}

body.color03 .breastfeeding .post-content .af-pro ul li dt {
    float: left;
    width: 40%;
    box-sizing: border-box;
    border: 10px solid #ffefa0;
}
body.color03 .breastfeeding .post-content .af-pro ul li dd {
    margin: 0;
    float: right;
    width: 55%;
    overflow: hidden;
}
body.color03 .breastfeeding .post-content .af-pro ul li dd.ti-pro {
    font-weight: bold;
}

body.color03 .breastfeeding .post-content .af-pro ul li dd.ti-pro .price {
    display: block;
    text-align: right;
}

body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro ul{
    margin: 0;
}

body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro li{
    display: inline-block;
    background: #f37157;
    color: #FFF;
    padding: 2px 10px;
    border-radius: 5px;
    margin-right: 1%;
}

body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro li.rkt_btn {
    background: #cf2e2e;
    display: inline-block;
}

body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro li.amz_btn {
    background: #fcb900;
    display: inline-block;
}
body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro li.rkt_btn a,body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro li.amz_btn a{
    color:#FFF;
}

body.color03 .breastfeeding .post-content .af-pro ul li dd.text-pro p{
    background-color: #FFF;
    padding: 3%;
}

body.color03 .breastfeeding img.howto {
    margin: 0 auto;
    display: block;
}

body.color03 .breastfeeding .post-content .listhyo dl {
    box-sizing: border-box;
    border: 1px solid #CCC;
}
/*-----archive-breastfeeding-----*/
body.post-type-archive-breastfeeding article {
    margin-bottom: 5%;
}

body.post-type-archive-breastfeeding .post-footer {
    background-color: #f9b8ab;
}

body.post-type-archive-breastfeeding .post-footer a {
    color: #ca6666;
    text-align: center;
    display: block;
    color: #FFF;
}


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

body.color03 .breastfeeding .post-content dl.descript dt {
    top: -10%;
}

body.color03 .breastfeeding .post-content dl.descript dd {
    margin: 5%;
}

body.color03 .breastfeeding .post-content .onepoi dt {
    width: 50%;
    float: none;
    margin: 0 auto;
}

body.color03 .breastfeeding .post-content .onepoi dd {
    width: 100%;
    float: none;
    margin: 5% 0 0;
    padding: 5%;
}

body.color03 .breastfeeding .post-content .onepoi dd:before {
    top: -15px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #fffae7;
}

body.color03 .breastfeeding .post-content .listhyo dt {
    float: left;
    width: 30%;
    text-align: center;
    padding: 40px 0;
    overflow: hidden;
}

body.color03 .breastfeeding .post-content .af-pro ul li dt {
    width: 100%;
    float: none;
}
body.color03 .breastfeeding .post-content .af-pro ul li dd{
    float: none;
    width: 100%;
    overflow: hidden;
    margin: 3% 0 5%;
}

}