/*
Theme Name:		BeautyForce
Template:		welcart_panetteria
Theme URI:		https://www.welcart.com/archives/9091.html
Author:			Collne.Inc
Author URI:		https://www.collne.com/
Description:	Panetteria Child is the Welcart Panetteria Child Theme.
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, panetteria, one-columns, left-sidebar or right-sidebar
*/


/* =============================================
装飾削除
============================================= */
.storycontent:before,
.top-storycontent:before,
#content.two-column:before {
 display: none;
}

#top-items,
.home-widget,
.storycontent,
#content.two-column {
 background-color: white;
}

/* =============================================
Layout
============================================= */
.ly_wrapper{

}
.ly_cont{
 max-width: 1170px;
 margin: auto;
 padding: 4.284em 10px;
}

/* =============================================
Element
============================================= */
/* タイトル */
.el_commonTtl {
 text-align: center;
 margin-bottom: 1.428em;
 font-size: 130%;
 font-weight: normal;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.el_commonTtl span {
 padding-bottom: 0.571em;
 color: #916f21;
 border-bottom: dotted 1px #916f21;
 display: inline-block;
}

.el_lowerTtl{
 padding-bottom: 0.571em;
 color: #916f21;
 display: inline-block;
 border-bottom: dotted 1px #916f21;
}

/* ボタン */
.el_btn {
 line-height: 1;
 padding: 0.429em 0.857em;
 background-color: #916f21;
 color: white;
 display: inline-block;
 margin: 30px auto;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
}
.el_btn::after {
 content: "\f105";
 font-weight: 900;
 font-family: "Font Awesome 5 Free";
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 line-height: 1;
 margin-left: 0.8em;
}
.el_btn a{
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
}

/* =============================================
Helper
============================================= */
.hp_inline_block{
 display: inline-block;
}

/* =============================================
ヘッダー
============================================= */
.snav_item img{
 width: 24px;
 height: 24px;
 margin-left: 1rem;
}
.snav .sns{
 margin-left: 0;
}
.snav_spCont{
 display: none;
}
@media screen and (max-width: 62.5em) {
 .snav_pc{
  display: none;
 }
 .snav_spCont{
  display: flex;
  gap: 1rem;
 }
 .snav_item img{
  margin-left: 0;
 }
}
@media screen and (max-width: 560px) {
}

/* ヘッダーロゴ */
.site-title .pc_only{
  display: none;
 }
 .site-title .sp_only{
  display: block;
  max-height: 50px;
 }
@media screen and (min-width: 62.5em){
 .site-title img{
  max-height: 130px;
  transform: translateY(40px);
 }
 .fixed .site-title img{
  transform: translateY(0);
 }
 .site-title .pc_only{
  display: block;
 }
 .site-title .sp_only{
  display: none;
 }
}

/* SPヘッダー */
.global-block .inner.sp_header .snav_spCont{
  position: fixed;
  top: 21px;
  right: 65px;
  transition: all .6s;
}
.fixed .global-block .inner.sp_header .snav_spCont{
  top: 13px;
}
@media screen and (max-width: 960px) {
  .fixed .menu-btn{
    position: fixed;
  }
  .site-header.home{
    position: fixed;
    height: 64px;
    background-color: white;
  }
}
@media screen and (max-width: 560px) {
}

/* =============================================
下層ページ全般
============================================= */
@media screen and (min-width: 62.5em){
 .storycontent{
  margin-top: 180px;
}
.item-page-header{
 margin-top: 200px;
}

}


/* =============================================
TOPページ
============================================= */

.front-il h2{
 font-size: 130%;
}
.front-il h2 span{
 border-bottom: dotted 1px #916f21;
}
/* FV */
.bl_fv{
 width: 100%;
 padding-top: 60%;
 background: center center no-repeat;
 background-size: cover;
 background-image: url(/wp-content/themes/beautyForce/images/fv_pc.png);
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
 .bl_fv{
  padding-top: 114%;
  background-image: url(/wp-content/themes/beautyForce/images/fv_sp.png);
 }
}
/* キャッチコピー */
.bl_catch{
 margin: 50px auto 50px;
 text-align: center;
 font-size: 160%;
 line-height: 2;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
 .bl_catch{
  margin-bottom: 50px;
  padding: 0 20px;
  font-size: 16px;
 }
}
/* ３つの徹底追求 */
.bl_feature_cont{
 padding: 10px;
 max-width: 900px;
 margin: 0 auto 100px;
 text-align: center;
}
.bl_feature_cont .hp_sp_only{
 display: none;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
 .bl_feature_cont{
  width: 100%;
  max-width: 300px;
  margin: 0 auto 50px;
 }
 .bl_feature_cont .hp_sp_only{
  display: block;
 }
 .bl_feature_cont .hp_pc_only{
  display: none;
 }
}

/* コンセプト */
.bl_topConcept {
 background-color: #f8f8f8;
}
.bl_topConcept_cont {
 line-height: 2;
}
.bl_topConcept_cont p{
 text-align: center;
}



/* Q&A */
.bl_topqa{
 background-color: #f8f8f8;
}
.bl_topqa .bl_topqa_item{
 width: 90%;
 max-width: 900px;
 margin: 0 auto;
 border-bottom: 1px solid #C8C8C8;
}

/* =============================================
固定ページ
============================================= */
.post-2 .entry-content{
 text-align: center;
}
.entry-content img{
 display: block;
 margin: 0 auto;
}
.entry-content h2 {
 margin-top: 50px;
 font-size: 200%;
 font-weight: normal;
 margin-bottom: 30px;
}

.entry-content h3 {
 margin-top: 30px;
 padding: 20px 10px;
 color: #323232;
 background-color: #f8f8f8;
}

.entry-content h5 {
 margin-top: 30px;
}

.entry-content ul {
 padding: 10px 0;
 margin-left: 0;
 border-bottom: 1px solid #f8f8f8;
 text-align: left;
}
.entry-content ul:last-child {
 border: none;
}

.entry-content ul li {
 margin-bottom: 10px;
 list-style: none;
 list-style-type: none;

}

.entry-content li:first-child {
 color: #446b59;
 font-size: 16px;
}

.entry-content li:last-child {
 
}

/* =============================================
商品ページ
============================================= */
.item-description img{
 width: 100%;
 max-width: 600px;
}
.item-description > *{
 font-family: 'ヒラギノ角ゴ ProN W3',sans-serif;
}
.item-description h2{
 line-height: 2;
 
}
.item-description h3{
 margin-top: 30px;
 background-color: #C6CDE6;
 padding: 10px;
}
.item-description p{
 font-size: 120%;
 line-height: 2;
}
.item-description p.small{
 font-size: 100%;
 padding: 30px;
 background-color: #f8f8f8;
}
.item-description p.caption{
 font-size: 80%;
}
.item-description ul{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 /* gap: 20px; */
 
}
.item-description ul li{
 width: 48%;
 padding: 10px 0;
 list-style: none;
 border-bottom: 1px solid black;
}


/* =============================================
ブログ
============================================= */
.entry-thumb {
 /* max-width: 500px; */
}