/*
Theme Name: PORIPU for SANGO
Template:sango-theme
Theme Name:sango-theme-poripu
Theme URI:https://oldno07.com/poripu/
Author: マサオカ
Author URI:https://oldno07.com/
Description: SANGOの子テーマです。SANGO親テーマをインストールした状態で、本子テーマを適用してください。使い方は<a href="https://oldno07.com/poripu/">デモサイト</a>を御覧ください。
Version:1.4.1
*/
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
.fa5 .entry-content h2:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {

}
.fa5 .entry-content h3:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}
.fa5 .entry-content h4:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*--------------------------------------
  パンくずリスト非表示
--------------------------------------*/
.breadcrumb {
    display: none;
}
/*--------------------------------------
  ハンバーガーアイコン
--------------------------------------*/
#drawer .fa-bars{
 margin-top:0em;
 height: 1px;
}
#drawer .fa-bars:after {
 content: "MENU";
 font-size: 6px;
 padding-top:0em;
 font-weight: bold;
 display: block;
 letter-spacing:0.1em;
}
/*--------------------------------------
  SHARE非表示
--------------------------------------*/
.sns-btn__title {
    display:  none;
}

/*--------------------------------------
　FontAwesomeサイズ変更  
--------------------------------------*/
.my-small {
  font-size: 0.8em 
  /*0.8倍の大きさに*/}

/*--------------------------------------
　フッターのHOMEを非表示
--------------------------------------*/
.footer-menu__btn {
    display: none!important;
}


/*--------------------------------------
　BASEデザインカスタマイズ
--------------------------------------*/
.base_items_list {
    display: flex;
    width: auto;
    max-width: 100%;
    flex-flow: wrap;
    margin: 0 auto;
    padding: 0;
    justify-content: space-between;
  }
  .base_items_list::after{
    content: "";
    display: block;
    width: calc(100% / 2) !important;
  }
  .base_item {
    list-style: none;
    flex-basis: calc(100% / 2) !important;
    margin-bottom: 2em;
  }



.base_item_img {
    padding : 5% ;

}
.base_item_title {
	@media screen and (max-width:750px) {
    color: black;
	font-family: serif !important;
	font-weight: 100;  
	font-size: 12px;
	line-height: 2em
    padding : 5% ;
	}
	color: black;
	font-family: serif !important;
	font-weight: 100;  
	font-size: 15px;
	line-height: 2em
    padding : 5% ;
}
.base-item-price {
	@media screen and (max-width:750px) {
    color:  gray;
	font-family: serif !important;
	font-weight: 100;  
	font-size: 10px;
	line-height:1.83;
	}
	color: gray;
	font-family: serif !important;
	font-weight: 100;  
	font-size: 15px;
	line-height:1.83;
}
.base-item-stock {
	@media screen and (max-width:750px) {
    color: red;
	font-family: serif !important;
	font-weight: 100;  
	font-size: 10px;
	line-height: 1em
	}
    color: red;
	font-family: serif !important;
	font-weight: 100;  
	font-size: 12px;
	line-height: 1em
}


/*--------------------------------------
  画像に影をプラス
--------------------------------------*/
.kage, .kage-link{
    display: block;
    border-radius: 3px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, .25);
    transition: .3s ease-in-out;
}
.kage-link:hover {
    box-shadow: 0 3px 14px rgba(0, 0, 0, .25);
    transform: translateY(-2px);
}


/*--------------------------------------
   PCヘッダーメニュー
--------------------------------------*/
.desktop-nav ul li a {
   font-weight: bold;
   font-size: 5em;
}

/*--------------------------------------
   PCフッターメニュー
--------------------------------------*/
#footer-menu:after {
    content: ''© 2024 Garbdenia All rights reserved.'';
    display: block;
    color: black;
    font-size: 0.9em;
}
.copyright.dfont {
    display: none;
}

/*--------------------------------------
   SNSボタンカスタマイズ
--------------------------------------*/
/*背景を白くする*/
.footer-contents .sns-dif ul {
	background-color: #fff;
}
/*ボタンの影を消す*/
.sns-dif ul li a {
	box-shadow: none;
}

/*--------------------------------------
   インスタボタンカスタマイズ
--------------------------------------*/
.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 25px;/*幅*/
  height: 25px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 6px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 11px;/*ずらす*/
  left: -9px;/*ずらす*/
  width: 30px;/*グラデーションカバーの幅*/
  height: 30px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 17px;/*アイコンサイズ*/
  line-height: 25px;/*高さと合わせる*/
  top: -4px;/*ずらす*/
}


.textstyle1{
  margin : 0 ;!important
  color:gray;
}