@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
body {
  font-family: -apple-system, "Helvetica", YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, sans-serif;
}

/*h1 エントリーコンテンツ*/
h1 {
 font-size: 1.4em;
 line-height: 1.6;
}
/*h2 エントリーコンテンツ*/
.entry-content h2 { /*下線*/
 border-bottom: 1px solid #eee;
 border-bottom-width: 7px;
 border-bottom-style: solid;
 border-bottom-color: rgb(237, 237, 237);
/*   font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
*/ 
}
.entry-content h2 { /*フォント,余白*/
 margin: 1.5em 0 1.0em;
 border-left-width: none;
 border-left-style: none; 
 font-size: 1.3em;
 line-height: 1.6;
 color: rgb(120, 120, 120);
}
/*h3 エントリーコンテンツのマーク*/
.entry-content h3 {
 margin: 1.5em 0 .7em;
 padding: 10px 0 10px 10px;
 border-left-width: none;
 border-left-style: none;
 font-size: 1.2em;
 line-height: 1.4;
 color: rgb(120, 120, 120); 
}
.entry-content table {
  color: #656666;
}
.entry-content th {
  width: 6em;
}
.entry-content p {
  margin: 0 0 0.5em;
  color: #424242;
}
/*スライドショーの"キャプション無効"と"ページボタンの枠"を削除*/
.entry-content ol {
 list-style-type: decimal;
 border: none;
}
/*
.entry-content h3::before {
 content: '';
 display: inline-block;
 width: 1.1rem;
 height: 1.1rem;
 margin-right: 10px;
 border: 4px solid;
 border-radius: 50%;
 vertical-align: -3px;
 border-color: rgb(213, 111, 111);
}
*/
/*カードに表示される日時を非表示*/
.cardtype time {
 display: none;
}
/*リストの先頭マーク*/
.footer .widget ul:not(.my-widget) li a::before {
 position: absolute;
 left: 0;
 font-family: FontAwesome;
 content: "\f105";
}
/*ヘッダー余白設定*/
.article-header {
 margin-bottom: 10px;
}

/*記事タイトル下の"ギザギザ線"を削除*/
.nothumb .entry-meta::after, .nothumb .page-title::after {
/*	background-image: url(library/images/gizagiza.svg);*/
	background-image: none;
}
/*ページタイトル下の"線"を削除*/
.nothumb .entry-meta:after, .nothumb .page-title:after {
 position: absolute;
 bottom: -24px;
 left: 15px;
 display: inline-block;
 content: "";
 width: 100px;
 height: 0px;
 border-radius: 2px;
 background: #eaedf2;
}

/*フッター上の"シェアボタン"を削除*/
/*.footer-contents .sns-btn, .footer-meta {
	*/
.footer-contents .sns-btn,
.footer-meta,
.entry-meta {
 display: none; 
}
/*シェアボタンの位置*/
.extended-fab {
 margin-bottom: 30px !important;
}
.fab-btn {
 margin: auto;
}
.nothumb .fab-btn {
 margin: auto;
}
/*ヘッダ下の画像をフルスクリーンにする*/
#header-image {
 min-height: 90vmin;
}
.box2 {
  margin: 0em 0;
  padding: 0em 1em;
}
.box4 {
/* margin: 2em 0;
	padding: 0em 1em;
 */
 border-color: #ececec;
 background: #f9f9f9;
 color: #2c2c2f;
}

/*ウィジェットメニューのフォント*/
.widget-menu li {
 font-size: 1.0rem;
}

/*商品詳細:カスタムフィールド*/
.custom_field ul {
 list-style-type: disc;
 margin-bottom: 0;
 padding: 0;
 border: 0px;
}
/*ボタンデザイン*/
.user-btn1 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #929292;
    border: solid 1px #929292;
    border-radius: 3px;
    transition: .4s;
}
.user-btn1:hover {
    background: #929292;
    color: white;
}
/*メニュー選択時の下線*/
.desktop-nav li::after {
 bottom: 10px;	/*下線バーの位置*/
 height: 2px;
}
/*商品カテゴリ メニュー*/
.widget_welcart_category ul li ul li a {
 color: #787878;
 font-size: 0.95em;
 font-weight: bold; 
}
.widget_welcart_category ul li ul li a::before {
 padding-right: 10px;
 color: #a2a2a2;
 font-family: FontAwesome;
 content: "\f105";
}
/*見出し6：囲い枠*/
.cph6 {
 padding: .5em;
 border-width: 3px;
 border-style: solid;
 border-radius: .5em
}
/*見出し１１：吹き出し風*/
.cph11 {
 position: relative;
 padding: .6em;
 background: #ffdfdf
}
.cph11:after {
 position: absolute;
 top: 100%;
 left: 30px;
 width: 0;
 height: 0;
 border: 15px solid transparent;
 border-top: 15px solid #ffdfdf;
 content: ""
}
/*floatボックス3*/
.user_container:after {
 content: "";
 display: block;
 clear: both;
}
/*商品詳細:購入数*/
.user_table table,
.user_table th,
.user_table td {
 border: none;
}
.user_table table {
 max-width: 240px;
}
/*商品詳細:画像*/
.user_image_90 img {
 width: 90%;
}
/*ボックスをフルに拡張*/
.user_content {
 content: "";
 display: block;
 clear: both;
}
.user_linkto {
 float: left;
 display: block;
 overflow: hidden;
 max-width: 1600px;
 min-width: 300px;
 width: 100%;
 margin: 1em 0;
 padding: 0;
 border-radius: 3px;
 background: #fff;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
 color: #555;
 font-weight: bold;
 text-decoration: none;
}
.user_linkto:hover {
 box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
 color: #888;
 text-decoration: none;
 transform: translateY(-2px);
}
.user_linkto div {
 padding: 15px 10px;
 line-height: 1.6;
}
.user_container:after {
 content: "";
 display: block;
 clear: both;
}
.user_box1 {
 float: left;
 display: block;
 overflow: hidden;
 max-width: 1600px;
 min-width: 100px;
 width: 100%;
 margin: 1em 0;
 padding: 0;
 border-style: solid; 
 border-width: 1px;
 border-radius: 3px;
 border-color: #ede6e6;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}
.user_box2 {
 float: left;
 display: block;
 overflow: hidden;
 max-width: 1600px;
 min-width: 100px;
 width: 100%;
 margin: 1em 0;
 padding: 0;
 border: solid 2px #d1d1d1;
 border-radius: 5px;
 background: #fff;
}
.user_box3 {
 float: left;
 width: 33%;
}
.user_slider_vertical {
 font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
 text-align: justify;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}
/*お知らせ一覧*/
ul.lcp_template01 li {
  list-style:none;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.5em;
  border: solid #e1e1e1;
  border-width: 0px 0px 1px 0px;
}
ul.lcp_template01 li div {
  margin:-1.6em 0 0 8em;
}
ul.lcp_template01 li:hover {
  background-color: #f5f5f5;
  text-decoration: none;
  box-shadow: none;
  display: inline-block;
  width: 100%;
}
ul.lcp_template01 li {
  padding: 0.5em 0 0.5em 1em;
  text-decoration: none;
  box-shadow: none;
  transition: .3s ease-in-out;
}
ul.lcp_template01 {
  border: none;
  padding: 0em;
}
ul.lcp_template01 hr {
  margin: 0em;
}
ul.lcp_template01 a, ul.lcp_template01 span, ul.lcp_paginator {
  color: gray;
}
ul.lcp_template01 a {
  display: block;
  width: 100%;
}
ul.lcp_paginator {
  border: none;
  padding: 0em;  
  text-align: center;
  line-height: 0em;
}