@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 投稿内容表示調整　*/
ul.wpuf_customs,ul.wpuf_customs-d{
list-style: none;
border: solid 1px #ccc;
padding-left: 0;
}

ul.wpuf_customs label{
  cursor: pointer;
  padding: 0;
  margin-bottom:0;
  font-weight: bold;
}
ul.wpuf_customs-d label{
  cursor: pointer;
  padding: 0;
  margin-bottom:0;
  font-weight: bold;
}
ul.wpuf_customs-d li,ul.wpuf_customs li {
border-bottom: dotted 2px #9d9d9d;
  padding: 20px 0 20px 5px;
  margin: 0 20px 0;
    font-weight: normal;
}

ul.wpuf_customs-d li:last-child {border: none;}
ul.wpuf_customs li:last-child {border: none;}

.entry-content{margin-bottom: 10px;}
/* ヘッダー高さ調整　*/
.logo-text {padding: 10px 0 15px;}

/* フッター高さ調整　*/
.footer {
margin-top: 0px;
padding-top: 0px;
}

/* 注意文言*/
.kiyakuWrap {
  font-size: 12px;
  text-align: center;
}
.widget {
  margin-bottom: 0;
}
/* スライダー */
.slider div {
text-align: center;
height: 300px;
width: 100%;
}

.slider img {
width: 300px;
height: auto;
vertical-align:middle;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*　記事 H2調整 */
.article h2 {
  font-size: 16px;
  padding: 0;
  border-radius: 0;
  color: #333;
font-weight: normal;
  background: none;
	line-height: 1.8;
}

/*　点数　 */
.points {
    position: absolute;
    left: -225px;
    width: 57px;
    bottom: 24px;
    text-align: center;
    background: #c42d5a;
    color: #fff;
    padding:10px;
    font-size: 13px;
    right: 0;
    margin: 0 auto;
    border-radius: 30px;
}

.excWrap1 {
  margin: 0;
  position: relative;

}
.points1 {
    left: -84%;
    bottom: 19%;
    text-align: center;
    background: #c42d5a;
    color: #fff;
    width: 50px;
    font-size: 13px;
    border-radius: 30px;
    padding: 5px;
}

/* 固定ページ投稿注意文言 */
.tokoAlt{font-size:14px;}

/*投稿注意文言 */
.art-txt{margin-bottom: 30px;}
.art-txt p{
margin: 0;
  font-size: 12px;
  color: #9f5656;
}

/* 抜粋文字調整 */
.exc {
  font-size: 16px;
  padding-left: 10px;
  padding: 10px 0 0 15px;
line-height: 1.5;
}
.exc p {font-size: 14px;}


/* 本人ではない　プロフ・お店リンク */
.fss{font-size:13px;color: #a2a2a2;margin-bottom: 10px;}
.pfl{font-size:14px;margin: 0;}
.tmpol{font-size:14px;margin: 0;}


/*　インデックス地域表示大きさ調整 */
.cat-label {
  font-size: 15px;
  padding: 2px 9px;
}


/*固定ページ 日付消し */
.page .date-tags {display: none;}

/*固定ページ著者情報を消す場合*/
.post .author-info {display: none;}

/*　フォーム　送信ボタン*/
input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a {
    font-size: 20px;
	border: solid 2px #c42d5a;
    width: 100%;
	background: none;
	z-index: 9999;
	color: #000;
}
.wpuf-submit-button:hover {background-color: #fff5f5;}




/*　体型イラスト実装　*/
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: solid 1px #ccc;
    padding: 5px 10px;
}
.popup .imgPopup {
    display: none;
    z-index: 1;
    position: absolute;
    top: -293px;
    left: 0px;
    width: 180%;
    border: solid 1px #ccc;
    background: #fff;
}

.wpuf-fields.html_62.wpuf______html_1_62 {
  width: 100%;
  margin: 0 auto;
  padding-left: 50%;
}

.popup2 {
position: relative;
display: inline-block;
cursor: pointer;
padding: 5px 10px;
border: solid 1px #ccc;
border-radius: 15px;
font-size: 12px;
margin: 0 10px;
}

.popup2 .imgPopup2 {
visibility: hidden;
width: 470px;
background-color: #ffffff;
border: 1px solid #ccc;
z-index: 1;
position: absolute;
left: 158px;
top: 0;
}

.popup2:hover .imgPopup2 {visibility: visible;}

.disp{display: block!important;}

.sp-only{display: none;}
.pc-only{display:inline-block;}


/*　体型イラストsp*/

.pupsp {
position: relative;
display: inline-block;
cursor: pointer;
padding: 5px 10px;
border: solid 1px #ccc;
border-radius: 15px;
font-size: 12px;
margin: 0 10px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
.points {
  left: -35%;
  bottom: 11%;
}
.entry-card-thumb {
    width: 40%;
  }
}

/*1030px以下*/
@media screen and (max-width: 1030px){
.points {
  left: -34%;
  bottom: 12%;
}
	
}

/*768px以下*/
@media screen and (max-width: 768px){
	
/* 注意文言*/
.kiyakuWrap {
  font-size: 2vw;
}

/*　関連記事 調整 */
.excWrap {
  display: block;
  position: absolute;
  right: 0;
  width: 100%;
  left: 0%;
  margin: 0 auto;
}
	
/*　点数 調整 */
.points {
    left: -127%;
    bottom: -10%;
    padding: 0 3px;
    font-size: 2.4vw;
    width: 15%;
}
.related-entry-card-meta {bottom: 10px!important;}

.excWrap1 {
    margin: 0;
    position: relative;
    height: 60px;
    width: 100%;
}
.exc1 {padding: 0;font-size: 14px;position: relative;}
.points1 {
  left: -90%;
  bottom: 19%;
font-size: 13px;
}
	

	
/*　スマホ抜粋表示 調整 */
.entry-card-meta, .related-entry-card-meta {bottom: -33px;}
.exc {
    font-size: 14px;
    padding-left: 10px;
    padding: 45px 0 0 5px;
}
.exc p {display: none;}
.entry-card-content.card-content.e-card-content {
  position: relative;
  display: flex;
}
.no-sp-snippet .entry-card-snippet {display: block;}
.e-card-title {font-size: 3vw;line-height: 1.2;padding-top: 3px;}

/*　インデックス地域表示大きさ調整 */
.cat-label {
  font-size: 11px;
  padding: 1px 3px;
}
	
/*　体型イラスト実装　*/
.popup .imgPopup {
position: relative;
top: 0;
left: 0;
width: auto;
}
.wpuf-fields.html_62.wpuf______html_1_62 {
    padding-left: 0;
    text-align: center;
}
}

/*480px以下*/
@media screen and (max-width: 480px){

/* 記事　H2調整 */
.article h2 {
  font-size: 14px;
}
	
.points {
    left: -126%;
    bottom: 4px;
    padding: 3px;
    width: 14%;
}

.exc {
    font-size: 2.8vw;
    padding: 14% 0 0 0;
}
.exc p {font-size: 2vw;}
.entry-card-thumb {width: 33%;}
	
/*　体型イラスト実装　*/
.wpuf-fields.html_62.wpuf______html_1_62 {
padding-left: 0;
text-align: center;
}
.popup .imgPopup {
position: relative;
top: 0;
 left: 0;
border: none;
}

	/*　カテゴリ・タブ */
a.cat-link,.tag-link {
    margin-bottom: 5px;
}
.sp-only{display: inline-block;}
.pc-only{display: none;}
}