/*
Theme Name:		Welcart Mode Child Theme
Template:		welcart_mode
Theme URI:		https://www.welcart.com/archives/12623.html
Author:			Welcart Inc.
Author URI:		https://www.welcart.com/
Description:	Mode Child is the Welcart Mode 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, mode, one-columns, left-sidebar or right-sidebar
Requires at least: 5.6
Requires PHP: 7.4 - 8.1
*/



body{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	letter-spacing:0.05em;
}
.entry-content p{
	margin-bottom:0.8em;
}

@media screen and (min-width: 55em) {
	  .site-content {
		  max-width: unset;
	}
}


.archive .column-grid .list{
	width:48%;
	margin-right:unset;
}
@media screen and (min-width: 55em) {
	.archive .column-grid3 .list {
		width: 31%;
	}
	.column-grid3 .list:nth-child(n+4) {
		margin-top: unset;
	}
	.column-grid3 .list:nth-child(3n) {
		margin-right:unset;
	}
}

@media screen and (min-width: 80em) {
  .archive .column-grid3 .list {
    width: 24%;
  }
}
@media screen and (min-width: 100em) {
  .archive .column-grid3 .list {
    width: 19%;
  }
}

@media screen and (min-width: 55em) {
  #content > .hentry {
    max-width: 1200px!important;
  }
}

.product-group.column-grid{
	gap:30px 1%;
}



@media screen and (min-width: 80em) {
  .site-content {
    padding: 0 4em;
  }
}

#content .entry-content p.mincho{
	font-family: 'Zen Old Mincho', serif;
}
#content .entry-content table th,
#content .entry-content table td{
	font-size:1.05em;
	padding:20px 10px;
	border-left:unset;
	border-right:unset;
}
#content .entry-content table td{

}




.eyecatch{
	max-height: 20vh;
	overflow-y: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

/***********************************************************
* ヘッダー
***********************************************************/
.header-group .header_inner{
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.01);
}


/***********************************************************
* タイトル
***********************************************************/
.entry-head h1{
	font-family: 'Zen Old Mincho', serif;
	height: 41px;
	font-weight: normal;
	border-bottom:1px solid #111;
}
.entry-content h2{
font-size: 1.2em !important;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 0.5em;
  background-color: #616161;
  color: #fff;
  padding: 5px 10px;
}
.entry-header .entry-title{
	font-family: 'Zen Old Mincho', serif;
	border-bottom:1px solid #111;
	padding-bottom:10px;
}
.section-home .en,
.section-home .entryhead h1.normal,
.section-home.widget_welcart_featured h1::before{
	font-family: 'Zen Old Mincho', serif;
}

/***********************************************************
* トップページ
***********************************************************/
/*  メッセージ */
.home-msg{
margin: 8% 5% 6%;
  background-image: url("http://shop.kimonoan-nago.com/wp/wp-content/uploads/2025/11/home-logo.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 20%;
}
.home-msg .catch{
	font-size: 1.6em;
  font-family: 'Zen Old Mincho', serif;
  margin-bottom: 2%;
}
.home-msg p{
	margin-bottom:10px;
	line-height:2.3em;
}


.home-cat{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:1em 1%;
}
.home-cat a{
	width:48%;
}
@media screen and (min-width: 80em) {
	.home-cat a{
		width:32%;
	}
}

/*  おすすめ */
.featured_list .img{
	border:1px solid #ddd;
}

/*  商品リスト（新着商品） */
.widget_mode_item_list{
	background-image: url("http://shop.kimonoan-nago.com/wp/wp-content/uploads/2025/11/bg2.jpg");
	background-size: cover;
	padding:6vh 0;
}
.widget_mode_item_list .opt-tag{
	display:none;
}


.section-home.widget_welcart_featured{
	background-image: url("http://shop.kimonoan-nago.com/wp/wp-content/uploads/2025/11/bg1.jpg");
	padding:6vh 0;
}

/*  お知らせ */
.section-home.posts{
	background-color: #fbfbfb;
	padding: 8vh 5%;
}

/*　営業日カレンダー　*/
.home .widget_welcart_calendar .widget_title{
	font-family: 'Zen Old Mincho', serif;
}
.home .ucart_calendar_body{
	max-width:800px;
	margin:0 auto;
}
.home .ucart_calendar_body li{
	display:flex!important;
}
.home .ucart_calendar_body .this-month,
.home .ucart_calendar_body .next-month{
	width:48%!important;
}
.home .ucart_calendar_body .this-month{
	margin-right:2%!important;
}
.home .section-home.widget_welcart_calendar caption{
	text-align:center!important;
	margin-bottom:20px!important;
}
.home .section-home.widget_welcart_calendar th{
    padding: 6px 3px 5px!important;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/***********************************************************
* サイドバー
***********************************************************/
.site-column2 .secondary{
	padding-top:10px;
}
.secondary .widget_title{
	font-family: 'Zen Old Mincho', serif;
	padding-bottom:5px;
	border-bottom:1px solid #111;
}

/* カテゴリー */
.widget_welcart_category li a{
	display: inline-block;
	width: 100%;
	padding:2px;
	display: flex;
	align-items: center;
}
.widget_welcart_category li a:before{
	content:"■";
	font-size:.6em;
	margin-right:10px;
	padding-left:5px;
}
.widget_welcart_category li a:hover{
	background-color:#eee;
}
.widget_welcart_category li ul.children a::before{
	content:"―";
}

/***********************************************************
* アーカイブ
***********************************************************/

.column-grid .list .info{
	position:relative;
	margin:0;
	padding:10px 5px 0;
}

.column-grid .list .img{
	border:1px solid #ddd;
}
.list-info .pages-info{
	visibility:hidden;
}
.list-info .count-items{
	display:none;
}
.list-info .headline{
	width:50%!important;
	text-align:left!important;
	font-weight: normal!important;
	font-size:16px!Important;
}
.list-info .inbox{
	width:50%!important;
}

.column-grid .list .itemsoldout {
color: #fff;
  background-color: #8c8c8cd1;
  width: 100%;
  text-align: center;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: bold;
  margin: auto;
  line-height: 17px;
  font-size: .9em;
}

@media screen and (min-width: 55em) {
	.list-info {
		justify-content: start!important;
	}
	.list-info .is-child {
		min-width: unset!important;
		left: unset!important;
	}
}

/***********************************************************
* 固定ページ
***********************************************************/


/*---------- お問い合わせフォーム　----------*/
.wpcf7-form ::placeholder {
	color: #a5a5a5;
	letter-spacing:0.05em;
}
.wpcf7-not-valid-tip{
	font-size:.85em;
	display:unset;
	margin-left:5px;
}
button, input, textarea{
	padding:0.35em 0.7em;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
table.contact{
    border-right: unset;
	max-width:980px;
    width: 100%;
    margin: 20px auto 0;
}
table.contact th{
	width: 25%;
    padding: 0.7em 1em;
    background-color: unset;
    font-weight: normal;
	font-size:.9em;
    vertical-align: middle;
	font-weight: 500;
}
table.contact th,
table.contact td{
	border-left: unset;
	padding:15px 10px!important;
	text-align: left;
}
table.contact .any,
table.contact .req{
	font-size:.5em;
	margin-right:10px;
	padding:3px 8px;
	border-radius:3px;
	color:#fff;
}
table.contact .any{
	background-color:#9d9d9d;
}
table.contact .req{
	background-color:#c63237;
}
table.contact p{
	margin-bottom:0;
}
table.contact textarea{
	width:100%;
	max-width:700px;
	height:100%;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.contact-under{
	font-size:.9em;
	text-align:center;
	margin:0 auto;
}
.contact-under [type=submit]{
    letter-spacing: 0.05em;
	color:#fff;
    padding: 15px 40px;
    margin-top: 40px;
    margin-right: -72px;
	background-color: #c63237;
	border-radius:3px;
}
.contact-under [type=submit]:hover{
	color:#fff;
	background-color: #e1474d;
}
@media screen and (max-width: 700px) {
	table.contact th,
	table.contact td{
		display:inline-block;
		width:100%;
	}
	table.contact input[type="text"],
	table.contact input[type="tel"],
	table.contact input[type="email"]{
		width:100%;
	}
}