@charset "UTF-8";
/*
Theme Name: Welcart Basic 2022 Child
Description: Welcart Basic 2022 Child Theme
Author: LADYKfrRC
Template: welcart_basic
Version: 1.0.0
*/

figure, .wp-video {
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* 変数 */
:root {
    --f1: 2.44em; /* 39.04px */
	--f2: 2.2em; /* 35.2px */
	--f3: 1.56em; /* 24.96px */
	--f4: 1.25em; /* 20px */
	--f5: 1em;    /* 16px */
	--f6: 0.8em;  /* 12.8px */

    --basecolor: #63a211; /* 基本色 */
	--gradient: linear-gradient( 72.5deg,  rgba(34,126,34,1) 6.6%, rgba(99,162,17,1) 83.5% );
    
    --mytitlefonts: 'UnifrakturCook', cursive;
	--myfont: 'Josefin Sans', sans-serif;
	--bitter: 'Bitter', serif;
	--roboto: 'Roboto', sans-serif;
	--oswald: 'Oswald', sans-serif;
	--pirataone: "Pirata One", system-ui;
}

/* フォント */
body {
	font-size: 100%;
	font-family: var(--roboto);
	font-weight: bold;
	line-height: 1.5;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	line-height: 1.8;
	font-size: var(--f5);
}
a {
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
	text-decoration: none;
}

h1 {
	font-size: var(--f1);
}
h2 {
	font-size: var(--f2);
}
h3 {
	font-size: var(--f3);
}
h4 {
	font-size: var(--f4);
}
h5 {
	font-size: var(--f5);
}
h6 {
	font-size: var(--f6);
}

h2 {
	border-left: solid 14px var(--basecolor);
	padding-left: 14px;
	line-height: 0.9;
}

@media screen and (min-width: 62.5em) {
}

@media screen and (max-width: 590px){
h3 {
	line-height: 1;
}
}




/* 横幅 */
body {
	margin: 0;
}

.alignfull {
	margin-left: -10px;
	margin-right: -10px;
	max-width: none;
	width: auto;
}

/* category.php 2column store */
@media screen and (min-width: 62.5em){

	.two-column.right-set #secondary {
    margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fbf6e8;
}

}


/* ヘッダー */
header {
	border-bottom: none;
	margin-bottom: 0.2em;
}

#content .sof {
	display: none;
}

#content header.item-header {
	margin-bottom: 3em;
}

.site-description, div.site-title {
	color: #444444;
}

.site-description {
	font-size: var(--f6);
}

.site-inner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 1.071428em;
}

.site-logo {
	float:left;
	width: 30%;
}

.site-logo a img {
	width:80%;
	}

h1.site-title, div.site-title {
    font-family: var(--mytitlefonts);
	font-size: var(--f2);
	color: #444444;
	width: 70%;
	text-align: left;
}

#content .entry-title {
	font-size: var(--f1);
	line-height: 1.8;
}

.entry-content h2 {
	font-size: var(--f2);
	border-bottom: none;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.site-description {
	width: 100%;
	height: auto;
	min-height: auto;
	padding: 1.25em;
	float: right;
	background: none;
	color: #262626;
	font-weight: normal;
	line-height: 130%;
}

.snav {
	width: 100%;
	margin-right: .714286em;
	padding-top: 0.7em;
	float: right;
}

/* ヘッダー・メイン画像 */
.main-image {
    padding-left: 0;
	padding-right: 0;
}

.main-image img {
	width: 100%;
}

/* ヘッダーメニュー */
#site-navigation li {
	font-size: var(--f6);
}


@media screen and (min-width: 62.5em) {
.site-inner{
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 1.071428em;
}
h1.site-title, h1.site-title a, div.site-title, div.site-title a {
	width: 70%;
	margin: 0;
	padding: 0.2em 0;
	font-size: 72px;
	text-align: left;
	line-height: 1;
}
.site-logo a img {
	width:70%;
	}
}

@media screen and (max-width: 590px){
	.site-logo a img {
		width:100%;
	}

	h1.site-title, div.site-title {
		font-size: var(--f2);
		padding: 1em 0.2em;
	}

	.snav {
		width: 100%;
		margin-right: 0;
		padding-top: 0;
		float: right;
		clear: right;
	}
	.site-description {
		float: right;
		background: #333;
		color: #ffffff;
		font-weight: normal;
		line-height: 130%;
	  }
}


/* フッター */
footer {
	background-color: var(--basecolor);
	background-image: var(--gradient);
	color: #FFFFFF;
	text-align: center;
}

footer nav li {
	font-size: var(--f6);
}

footer nav li:nth-of-type(6n) {
	clear: none;
}

.copyright {
	font-family: var(--myfont);
}

/* 記事一覧 */

.mypostlist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mypostlist article {
	width: 30%;
	margin-bottom: 20px;
}

.mypostlist img {
	height: 180px;
	object-fit: cover;
}

.mypostlist h2.itemname, .myrelated h3 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: var(--f6);
}

.mypostlist .itemprice,
.post-li .itemprice {
	font-size: var(--f6);
}

.mypost-li, .post-li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mypost-li article,
.post-li article {
	width: 48%;
	margin-bottom: 40px;
}

.mypost-li figure,
.post-li figure {
	margin: 0;
}

.mypost-li img,
.post-li img {
	height: 180px;
	object-fit: cover;
}

.post-li .loopimg {
	width: 50%;
}

.post-li .loopexp {
	display: none;
}

.mypost-li h2,
.post-li .post-title {
	margin: 0;
	padding: 0;
	border: none;
	font-size: var(--f6);
}

.mypost-li time,
.post-li time {
	font-size: var(--f6);
	font-weight: normal;
	line-height: 1.8;
}

.entry-content p.wp-caption-text {
	font-size: var(--f6);
	line-height: 2.2;
	color: #aaaaaa;
}

@media screen and (max-width: 599px) {
.mypostlist article {
	width: 48%;
}
.post-li .loopimg {
	width: 100%;
}
}

/* 関連記事 */
.myrelated {
	border: solid 2px var(--basecolor);
	padding: 10px;
}

.myrelated h2 {
	border-width: 5px;
	color: var(--basecolor);
	font-family: var(--myfont);
	font-size: var(--f5);
}

.myrelated img {
	height: 120px;
}

@media (min-width: 740px) {
	.myrelated article {
		width: 20%;
	}

	.myrelated .mypostlist {
		justify-content: space-around;
	}

	.myrelated article:not(:last-child) {
		margin-right: calc( 4% / 3 );
	}
}




/* 記事に関する情報 */

.myposthead {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.myposthead h1{
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	line-height: 1.2;
	font-family: var(--oswald);
}

.myposthead p {
	color: var(--basecolor);
	font-family: var(--myfont);
	font-weight: bold;
	line-height: 1.2;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: var(--f6);
}

#content h1.entry-title {
	font-family: var(--roboto);
	margin-bottom: 0;
	line-height: 1.2;
}

#content h2.entry-title {
	font-size: var(--f3);
	border-left: solid 14px var(--basecolor);
	padding-left: 14px;
    line-height: 1.2;
}

#content .entry-content {
	display:inline-block;
}

#content .comment-area {
	display: block;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 100%;
}

@media screen and (max-width: 599px) {
	#content h1.entry-title {
		font-size: var(--f3);
		line-height: 1.2;
	}
}

/* 記事内の画像 */


/* グーテンベルク・ギャラリー */
.wp-block-gallery:not(.has-nested-images) {
	margin-right: 10px;
}


/* グーテンベルク・メディアとテキスト */
.wp-block-media-text .wp-block-media-text__content {
	padding-top: 15px;
}

.wp-block-media-text.mymargin {
	margin-top: 40px;
	margin-bottom: 40px;
}


/* グーテンベルク・フォントサイズ */
p.has-large-font-size {
	font-size: var(--f2);
	line-height: 1;
}

/* クラシック・ギャラリー */
.alignleft {
	margin-right: 10px;
}


/* 記事が属するパンくずリスト */

.breadcrumbs {
	font-size: var(--f6);
	padding: 0 .714286em;
	margin: 0px auto;
	width: 95%;
}

span.home {
	display: none;
}

/* ボタン */
/* ログイン */
.widget_welcart_login input#member_loginw,
.widget_welcart_login input#member_login {
    background-color: var(--basecolor);
}

.widget_welcart_login input#member_loginw:hover,
.widget_welcart_login input#member_login:hover {
    background-color: var(--basecolor);
}

/* カートの中 */
.incart-btn a {
    background-color: var(--basecolor);
}

.incart-btn a:hover {
    background-color: var(--basecolor);
}

.incart-btn .total-quant {
    color: #000000;
    background-color: #FFFFFF;
}

/* 送信ボタン */
.entry-content input[type="submit"],
.item-description input[type="submit"] {
    background-color: var(--basecolor);
}

.entry-content input[type="submit"]:hover,
.item-description input[type="submit"]:hover {
    background-color: var(--basecolor);
}

.widget_welcart_search #searchsubmit {
    background-color: var(--basecolor);
}

.widget_welcart_search #searchsubmit:hover {
    background-color: var(--basecolor);
}

/* reCAPTCHAのロゴを非表示 */
.grecaptcha-badge {
    visibility: hidden;
}

/* トップページ */
/* エントリータイトル */
#content .front-entry-title {
    display: none;
}

/*welcart ウィジェット*/
.widget_basic_item_list .item-info-wrap .inner .itemname {
	font-family: (var(--myfont));
	font-weight: bold;
}

/* ウィジェットを使ったバナー表示 */
.banner_block {
    margin: 0;
    padding: 0;
}

.banner_block li {
    margin: 15px 5px;
}

#secondary h2.widgettitle, #secondary h3.widget_title, #secondary h3.widget_title a {
	border: none;
    padding: 10px;
	background-color: #333;
    line-height: 1.2;
	font-size: var(--f5);
	font-family: var(--myfont);
	color: #FFFFFF;
	margin-bottom: 10px;
}

#secondary.store-top-widget-area {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fbf6e8;
	width: 100%;
}

#secondary section.widget ul {
	padding: 0;
	list-style-type: none;
}

/*  ウィジェットの文字サイズ　*/
#secondary section.widget li {
	font-size: var(--f6);
}

#secondary section.widget li:not(:last-child) {
	margin-bottom: 5px;
}

section.widget.widget_categories li.cat-item a{
	line-height: 1.2em;
    padding-top: 1em;
	padding-bottom: .357143em;
    margin-bottom: 5px;
}

/*  RSSウィジェット */
#secondary h3.widget_title a.rsswidget, .rss-widget-feed {
	padding: 0;
}

#secondary section.widget.widget_rss ul li:not(:last-child) {
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

/* widget categories */
/* 開閉ボタン */

#secondary section.widget ul li.cat-item:before {
    margin-right: 5px;
}

.cat-item-11::before, .cat-item-13::before,
.cat-item-23::before{
    content: "\25BC";
	font-size: 15px;
}



/* widget archives */
#secondary section.widget.widget_archive li {
	font-size: var(--f5);
}

#secondary .sectionbox {
	padding-top: 10px;
}

#secondary section select {
	width: 100%;
	height: 40px;
	border: solid 1px #aaaaaa;
}

/* widget newpost catch */
#npcatch{
	margin: 0px;
}

#npcatch li{
	font-size: var(--f6);
	overflow: hidden;
	clear: both;
	margin: 0px 0px 5px;
	vertical-align: top;
	background-image: none;
	padding-left: 0;
}

#npcatch img{
	/* サムネイルのスタイル */
	float: left;
	padding: 0px;
	box-shadow: 0px 0px 7px #bbb;
}

#npcatch .title{
	/* 記事のタイトル */
	width:140px;
	float: right;
	padding: 0px;
}

#npcatch .date {
	/* 記事の日付 */
	font-size: 10px;
	color: #333;
	width: 140px;
	float: right;
	padding: 0px;
}



@media (min-width: 62.5em) {
	.mymenu-columns {
		columns: 3;
		column-gap: 30px;
		width: 1000px;
		margin: 0 auto;
	}

	.mymenu-columns > section {
		position: relative;
		overflow: hidden;
		break-inside: avoid;
	}
}


/* MY PROFILE */
.myprofile figure {
	text-align: center;
}

.myprofile img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.myprofile strong {
	display: block;
	text-align: center;
	font-family: var(--oswald);
	line-height: 1.8;
}

.myprofile p {
	font-size: var(--f6);
	line-height: 1.2;
}


/* トップページのサイドバーの幅 */

@media screen and (min-width: 62.5em) {

.one-column #secondary .columnleft {
    width: 300px;
}

.one-column #secondary .columncenter {
    width: 300px;
}

.one-column #secondary .columnright {
    width: 300px;
}

}

/* ブログとニュースをリスト表示 */
.clearfix {
    margin-bottom: 10px;
	padding: 0 .714286em;
}

.list_block {
	margin: 0;
	width: 100%;
}
.list_block .block_title {
	line-height: 1.5;
	padding: 10px;
	background: #333;
	color: #FFF;
	font-size: var(--f5);
	font-weight: bold;
	margin-bottom: 10px;
}
.list_block ul{
	overflow: hidden;
	margin: 0 10px -1px 10px;
}
.list_block li{
	padding: 10px 0;
	border-bottom: #CCC 1px dotted;
}
.list_block h2 {
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: var(--f6);
	line-height: 1.2;
}
.list_block p.date {
	font-size: var(--f6);
}
.list_block img {
	max-width: 100%;
	height: 120px;
	object-fit: cover;
	display: block;
}

/* 画像 */
.wp-block-image {
	margin-top: 1em;
	display: block;
}

/* RSSサムネイル付き
記事一覧 PHOTO & GALLERY */
.rss-list_block ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
li.rss-article {
	width: 48%;
	margin-bottom: 20px;
}
.rss-list_block figure {
	margin: 10px 0;
}
.rss-list_block img{
	height: 120px;
	object-fit: cover;
}
.rss-list_block h2 {
	font-size: var(--f5);
	border-left: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.rss-list_block p {
	color: #333;
}
p.date {
	font-size: var(--f6);
	line-height: 1.2;
	font-weight: 400;
}

/* smart custom fields */
/* 商品詳細のテーブル枠 */

ul.item_custom_field {
	margin-bottom: 20px;
}

ul.item_custom_field li {
    margin-bottom: 10px;
	display:flow-root;
}

span.item-custom-title {
	padding: 10px;
	width: 30%;
	float: left;
	display: ruby;
	overflow-wrap: break-word;
	background-color:#EEF8E2;
}

span.item-custom-text, .other-comment {
	padding: 10px;
	display: flex;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

#itempage .item-description {
	padding: 10px;
}

.item-info ul.item_custom_field {
	margin-bottom: 20px;
}

.item-description td {
	padding: 2px;
}


/* 商品カテゴリー別一覧・商品詳細ページ */

#content .page-title {
	font-size: var(--f1);
	font-family: var(--oswald);
	line-height: 1;
	margin-bottom: 0;
}

.cat-il.type-grid .itemname {
	line-height: 1.4;
	font-size: var(--f6);
}

.cat-il.type-grid .itemprice {
	font-size: var(--f6);
}

.cat-il.type-grid .itemsoldout {
	font-size: var(--f6);
}

.widget_basic_item_list .item-list {
	font-size: var(--f6);
}

.item-list article .itemprice {
	font-size: var(--f6);
	margin-bottom: 5px;
}

.itemsoldout {
	color: red;
	font-size: var(--f6);
}

.taxonomy-description {
	width: 80%;
	margin: 20px auto;
}

.taxonomy-description p{
	line-height: 1.5;
	font-family:'Courier New', Courier, monospace;
	font-size: var(--f6);
	color: #444444;
	text-align: left;
}

@media screen and (min-width: 38.75em) {

	/* 商品アイテム一覧のグリッド表示数 */
.cat-il.type-grid article {
	width: 30%;
	margin-right: 5%;
}

.cat-il.type-grid article:nth-of-type(4n) {
	margin-right: 5%;
  }

.cat-il.type-grid article:nth-of-type(3n) {
	margin-right: 0;
  }

.cat-il.type-grid .itemimg img {
	height: 180px;
	object-fit: cover;
}

}


/* カスタムメニュー */
/* ONLINE STORE */
#dc_jqaccordion_widget-12-item ul li.menu-top a {
	color: #FFFFFF;
	background-color: #565656;
}

#dc_jqaccordion_widget-12-item ul li.cate-top a {
	background-color: #cccccc;
}

/* カスタム投稿が属するカテゴリー */
span.cat a, span.tag a {
	padding: 3px 10px;
	border: solid 1px currentColor;
	border-radius: 10px;
	color: var(--basecolor);
	font-size: var(--f6);
	list-style-type: none;
	white-space: nowrap;
	display: inline-block;
	margin-bottom: 5px;
}

span.cat a:not(:last-child),
span.tag a:not(:last-child)
{
	margin-right: 10px;
}

/* カスタム投稿が属するカテゴリーのアイコン */
.entry-meta .cat::before {
	content: "\f318";
	font-family: "dashicons";
	color: var(--basecolor);
	font-size: var(--f2);
	line-height: 1;
	margin-right: 5px;
}
span.author a.post-edit-link {
	display: none;
}

.entry-meta {
	padding-left: 0;
	border-left: none;
	display: block;
}

/* カスタム投稿が属する日付、タクソノミー、投稿者のアイコン */
.entry-meta .date::before{
	display: none;
}

.entry-meta .tag::before{
	content: "\f323";
	font-family: "dashicons";
	color: var(--basecolor);
	font-size: var(--f2);
	line-height: 1;
	margin-right: 5px;
}

.entry-meta .author::before{
	content: "\f328";
	font-family: "dashicons";
	font-size: var(--f2);
	line-height: 1;
	margin-right: 5px;
}

/* カスタム投稿記事にサムネイル表示 */
.entry-content .catch img {
	width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 50%;
}

/* カスタム投稿の前後の記事へリンク */
.nav-links {
	display: flex;
	margin: 30px 0;
	font-size: var(--f6);
	margin-bottom: 10px;
}

.nav-previous {
	flex: 1;
	display: flex;
	align-items: center;
}

.nav-next {
	flex: 1;
	margin-left: 10px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.nav-previous::before {
	content: "\f141";
}

.nav-next::after {
	content: "\f139";
}

.nav-previous::before, .nav-next::after {
	font-family: "dashicons";
	color: var(--basecolor);
	font-size: var(--f2);
	line-height: 1;
}

/* シェアボタン addtoany */

.addtoany_content {
	padding-bottom: 30px;
}

/* サイドバー */

/* archive.php ブログ*/
/*日付*/
aside ul li span.post-date {
	font-size: var(--f6);
	font-weight: 400;
	padding-bottom: 1em;
	margin-top: -2em;
}

/* ブログタイトル */
.widget_recent_entries li a {
	line-height: 1.2em;
	padding-top: 1em;
}

/* アーカイブ */
.widget_archive ul {
	font-size: var(--f6);
}

/* 人気アイテム */
.widget_welcart_bestseller li a {
	line-height: 1.5em;
}

/* リコメンド */
.widget_welcart_featured .thumtitle {
	line-height: 1.5;
}

/* コンタクトフォーム */
.wpcf7 .mailform_area label {
	width: 85%;
}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"], 
input[type="url"] {
	width: 85%;
}

.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 85%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 85%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}

/* pagenation */
.pagination_wrapper {
	margin-bottom: 20px;
}