/*
Theme Name: welcart_basic Child
Theme URI: 
Template: welcart_basic
Description: 
Author: 
Tags: 
Version: 0.1.0
*/

/* ==================================================================================================== */
html, body {
  margin:0px;
  padding:0px;
  text-align:left;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height:1.4;
  font-size:1.0em;
  
}
/* ==================================================================================================== */

/* ==================================================================================================== */
table {
  width:100%;
  border-collapse:collapse;
}

table th, 
table td {
  padding:5px;
}
/* ==================================================================================================== */

/* ==================================================================================================== */
ul {
  padding:0px 0px 0px 1.0em;
  margin:0px;
}

ul li {
  padding:0px;
  margin:0px;
}

ol {
  padding:0px 0px 0px 1.0em;
  margin:0px;
}

ol li {
  padding:0px;
  margin:0px;
}
/* ==================================================================================================== */

/* ==================================================================================================== */
p {
  /*
  margin:0px;
  padding:0px;
  */
  line-height:1.4;
}
/* ==================================================================================================== */

/* ==================================================================================================== */

#main {
  margin: 2.857143em auto !important;
}

#toTop {
  display:none;
}

.widget_basic_item_list .item-list {
  letter-spacing: 1px;
}

.front-il {
  letter-spacing: 1px;
}

.cat-il.type-grid {
  letter-spacing: 1px;
}

.search-li {
  letter-spacing: 1px;
}


@media (max-width: 781px) {
  
  .wp-block-column {
    display:flex;
  }
  
  .wp-block-column .wp-block-image {
    width:150px;
  }
  
  .wp-block-column .wp-block-detail {
    flex:1;
    padding-left:2.0em;
  }
  
}
/* ----------------------------------- */

/* 16.4 Desktop Small 1200px */
@media screen and (min-width: 62.5em) {
  
  header .inner {
    max-width: 1200px;
    width:100%;
  }
  
  #site-navigation ul {
    max-width: 1200px;
    width:100%;
  }
  
  /* -- nav -- */
  footer nav {
    max-width: 1200px;
    width:100%;
  }
  
  /* -- main -- */
  #main {
    max-width: 1200px;
    width:100%;
    display: flex;
    flex-direction:row-reverse;
  }
  
  .one-column #primary {
    flex:1;
  }
  
  .two-column #primary {
    width: calc(100% - 290px);
    margin:0;
  }
  
  .two-column #primary #content {
    padding:0; margin:0; width:100%;
  }
  
  .two-column #secondary {
    width: 250px!important;
    margin:0 40px 0 0!important;
  }
  
  .two-column #secondary .columnleft {
    display:block; width:100%; float:normal;
  }
  
  .two-column #secondary .columncenter {
    display:block; width:100%; float:normal; margin-top:1.5em;
  }
  
  .two-column #secondary .columnright {
    display:block; width:100%; float:normal; margin-top:1.5em;
  }
  
  /*
  .ucart_calendar_body .this-month { display:block; }
  .ucart_calendar_body .next-month { display:block; }
  .widget_welcart_calendar table { width:100%;}
  */
  
  #content .page-title, #content .entry-title {
    display:none;
  }
  
}
/* ==================================================================================================== */

/* ==================================================================================================== */
.entry-content p,
.item-description p {
  font-size:1.2rem;
}
/* ==================================================================================================== */

/* ==================================================================================================== */
.entry-content table,
.item-description table {
	width: auto;
	margin-bottom: 0;
	border-collapse: collapse;
	border: 0px;
  font-size:1.2rem;
}

.entry-content th,
.item-description th {
	padding: 0;
	border: 0px;
	background-color: #ffffff;
	background: #ffffff;
}

.entry-content td,
.item-description td {
	padding: 0;
	border: 0px;
}
/* ==================================================================================================== */

/* ==================================================================================================== */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: bold;
}

/* ----------------------------------- */
.entry-content h2,
.item-description h2 {
  display:block;
  margin:0.75em auto;
  padding:0;
  line-height:1;
  
  width:fit-content;
  font-size:5.0rem;
  letter-spacing:0.1rem;
  color:#543B2C;
  text-align:center;
  
  border-bottom:0;
  
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  
}

.entry-content h2 span,
.item-description h2 span {
  display:block;
  margin:0;
  padding:0;
  line-height:1;
  width:100%;
  padding-top:0.5rem;
  margin-top:0.75rem;
  border-top:2px solid #543B2C;
  font-size:1.5rem;
  text-align:center;
  color:#808080;
}
/* ----------------------------------- */

/* ----------------------------------- */
.site-content .member_page_title,
.site-content .cart_page_title,
.entry-content h3,
.item-description h3 {
  display: flex;
  align-items: center;/* 縦位置の調整 */
  font-size:3.5rem;
  color:#AE6F73;
  
  margin:0.75em 0;
  padding:0;
  line-height: 1.0em;
  border-left: 0px;
  
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  
}

.site-content .member_page_title::before,
.site-content .member_page_title::after,
.site-content .cart_page_title::before,
.site-content .cart_page_title::after,
.entry-content h3::before,
.entry-content h3::after,
.item-description h3::before,
.item-description h3::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 3px;
}

.site-content .member_page_title::before,
.site-content .cart_page_title::before,
.entry-content h3::before,
.item-description h3::before {
  background-image: linear-gradient(90deg, #AE6F73, #CAA1A0);
  margin:0 0.5em 0 0em;
}

.site-content .member_page_title::after,
.site-content .cart_page_title::after,
.entry-content h3::after,
.item-description h3::after {
  background-image: linear-gradient(90deg, #CAA1A0, #AE6F73);
  margin:0 0em 0 0.5em;
}

.site-content .member_page_title.mini,
.site-content .cart_page_title.mini,
.entry-content h3.mini,
.item-description h3.mini {
  font-size:2.0rem;
}
/* ----------------------------------- */

/* ----------------------------------- */
/*
.entry-content h4,
.item-description h4 {
  position: relative;
  padding:0.2em 0.5em 0.2em 1.8em;
  border: 1px solid #CCC;
  border-radius: 5px;
  margin:0 0 1.0em 0;
  font-size:1.4em;
}

.entry-content h4:after,
.item-description h4:after {
  position: absolute;
  top: 50%;
  left:0.7em;
  transform:translateY(-50%);
  content: '';
  width: 8px;
  height:8px;
  border: solid 3px #446689;
  border-radius:100%;
}
*/
/* ----------------------------------- */

/* ----------------------------------- */
/*
.entry-content h5,
.item-description h5 {
  position: relative;
  padding: 0.5em 1.0em;
  border-radius:1.5em;
  border: 1px solid #CCC;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,1);
  background: linear-gradient(#EFEFEF 0%, #FFF 50%, #EEE 50%, #FFF 100%);
  margin:0 0 1.0em 0;
  font-size:1.2em;
}
*/
/* ----------------------------------- */

/* ----------------------------------- */
/*
.entry-content h6,
.item-description h6 {
  position: relative;
  padding: 0.5em 0 0.5em 1.7em;
  margin:0 0 1.0em 0;
  border-bottom:2px solid #446689;
  font-size:1.1em;
}

.entry-content h6:after,
.item-description h6:after {
  position: absolute;
  top: 50%;
  left:0;
  transform:translateY(-50%);
  content: '';
  width: 5px;
  height: 5px;
  margin-left:0.4em;
  border: solid 3px #446689;
  border-radius:30%;
}
*/
/* ==================================================================================================== */


/* === FrontPage ItemList ============================================================================= */

.front-bottom-widget .item-list {
  letter-spacing: -0.5em;
}

.front-bottom-widget article {
  display: inline-block;
  width: 50%;
  padding: 0.5em;
  letter-spacing: normal;
  vertical-align: text-top;
}

.front-bottom-widget a {
  display: block;
}

.front-bottom-widget .itemimg {
  margin-bottom: .25em;
  text-align: center;
}

.front-bottom-widget .itemimg img {
  width:100%;
  height:auto;
}

.front-bottom-widget .itemname a {
  color:#007BBB;
}

.front-bottom-widget .itemprice {
  font-weight: bold;
  text-align: right;
}

.front-bottom-widget .itemsoldout {
  font-weight: bold;
  text-align: right;
  color:#A33620;
}

.front-bottom-widget .tax_inc_block {
  margin: -3px 0 0 0;
  padding-right: 7px;
  font-size: 12px;
  text-align: right;
}

.front-bottom-widget .tax_inc_block em {
  margin-right: 3px;
  color: #262626;
}

.front-bottom-widget .item-list article a .itemimg img {
  width:100%!important;
  height:auto!important;
}

.front-bottom-widget article {
  width: calc(100% / 2) !important;
}

/* モバイル閲覧時 */
@media (max-width: 767px) {
  .front-bottom-widget article {
    width: calc(100% / 1) !important;
  }
}

/* ==================================================================================================== */

/* === ページトップ　動画or画像 ======================================================================= */

/* ページトップ部*/
.pagetop-image-wrap {
  position: relative;
  overflow: hidden;
  height:500px;
  text-align:center;
  z-index: 1;
}

/* モバイル閲覧時 */
@media (max-width: 767px) {
  .pagetop-image-wrap {
    height:350px;
  }
}

/*ページトップタイトル部 */
.pagetop-image-wrap .pagetop-subject {
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin:0 auto;
  max-width:1200px;
  width:100%;
  
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  
  text-shadow:1px 1px 3px rgba(0,0,0,0.5), 3px 3px 9px rgba(0,0,0,0.5);
  
  z-index: 3;
}

/* ページトップタイトル部 － タイトル */
.pagetop-image-wrap .pagetop-subject h1 {
  font-size:4.0rem;
  color:#FFFFFF;
  margin-top:0.5em;
  margin-right:0.2em;
  text-align:right;
}

/* モバイル閲覧時 */
@media (max-width: 767px) {
  .pagetop-image-wrap .pagetop-subject h1 {
    margin-top:1.5em;
  margin-right:0.75em;
    font-size:2.0rem;
  }
}

/* ページトップタイトル部 － サブタイトル */
.pagetop-image-wrap .pagetop-subject h1 span {
  /* サブタイトル削除 */
  /*
  display:block;
  font-size:6.0rem;
  line-height:1.2;
  padding-bottom:0.25em;
  */
  display:none;
}

/* ページトップ画像 */
.pagetop-image-wrap .pagetop-image {
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  font-size:0;
  
  z-index: 2;
}

/* ==================================================================================================== */

/* ==================================================================================================== */
/* 各ページヘッダ削除 */
#content > header { display:none !important; }
#content > article > header { display:none !important; }
/* ==================================================================================================== */

/* ==================================================================================================== */
.loopimg {
  display:none !important;
}
/* ==================================================================================================== */

/* ==================================================================================================== */

.parallax_box {
  width:100vw;
  margin:5.0em calc(50% - 50vw);
  
}

.parallax_content {
  display: flex;
  height: 500px;
  padding: 0;
  justify-content: center;
  align-items: center;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ==================================================================================================== */


/* ==================================================================================================== */

footer { margin-top:2.0em; padding:0; background:#FFFFFF; }
/*
footer .area-1 { width:100%; background:#000000; padding:20px 0; }
footer .area-1 .area-1-logo { background-image: linear-gradient(0deg, #680808, #961414); text-align:center; }
footer .area-1 .area-1-logo img { margin:20px auto; }
footer .area-1 .area-1-addr { height:550px; background:url(./design/footer_info_background.jpg) bottom center no-repeat; text-align:center; }
footer .area-1 .area-1-addr img { margin:20px auto; width:100%; height:auto; max-width:364px }
*/

footer .area-1 { width:100%; height:550px; background:#000000; padding:20px 0; background:url(./design/footer_info_back.jpg) center center no-repeat; background-size:cover; }
footer .area-1 .area-1-inner { width:100%; max-width:800px; margin:0 auto; }
footer .area-1 .area-1-logo { margin-top:1.0rem; }
footer .area-1 .area-1-logo img { max-width:500px; width:100%; height:auto; }
footer .area-1 .area-1-addr { font-size:1.3rem; font-weight:bold; color:#FFFFFF; margin:1.0rem 0 0 1.0rem; text-shadow:1px 1px 4px rgba(0,0,0,1.0); font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }

footer .area-1 .area-1-mail { margin-top:2.5rem; margin-left:1.0rem; }
footer .area-1 .area-1-mail a.mail-link { color: #FFFFFF; background-color: #EB6100; }
footer .area-1 .area-1-mail a.mail-link:hover { color: #FFFFFF; background: #F56500; }
footer .area-1 .area-1-mail a.mail-link { font-size: 1.3rem; position: relative; padding: 1.0rem 2rem 1.0rem 2rem; border-radius: 100vh; }

footer .area-2 { width:100%; margin:0 auto; padding:20px 0; background:#ECEEEC; color:#000000; text-align:center; }
footer .area-2 .area-2-inner { width:100%; max-width:800px; margin:0 auto; }

footer .area-3 { height:fit-content; background:url(./design/osakou_menu_background.jpg) center center no-repeat;background-size: cover; text-align:center; margin:0; }
footer .area-3 .area-3-inner { display: flex; justify-content: center; align-items: top; padding:3.0em; }
footer .area-3 .area-3-block { background:rgba(0,0,0,0.5); box-shadow:2px 2px 6px rgba(0,0,0,0.2); padding:1.0rem; margin:0.5rem; font-size:1.3em; }
footer .area-3 .area-3-block .subject { color:rgba(255,255,255,0.5); border-bottom:2px solid rgba(255,255,255,0.5); padding-bottom:0.5em; margin-bottom:0.5em; }

footer .area-3 nav, 
footer .area-3 nav ul, 
footer .area-3 nav ul li, 
footer .area-3 nav ul li a { display:block!important; margin:0; padding:0; width:100%; }
footer .area-3 nav ul li { padding:0.2em 0; }

/* モバイル閲覧時 */
@media (max-width: 767px) {
  footer .area-3 .area-3-inner { display: block !important; }
}

footer .copyright { color:#FFFFFF; background:#544E4F; margin:0; }

/* ==================================================================================================== */

/* ==================================================================================================== */

.nebiki-message { text-align:center; margin-top:1.0em; }
.nebiki-message li { padding:0.25em 0; font-size:0.9rem; color:#7C473A; }
.nebiki-message li .nebiki { display:inline-block; margin-left:5px; font-size:1.2rem; color:#C15124; font-weight:bold; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }

.large .nebiki-message li { font-size:1.4rem; }
.large .nebiki-message li .nebiki { font-size:1.7rem; }

.nebiki-message-side { font-size:12px; color:#7C473A; padding:0.75em 0 0 0; text-align:center; border-top:1px solid #CCCCCC; }
.nebiki-message-side .subject { display:block; font-size:18px; }
.nebiki-message-side .nebiki  { display:block; font-size:30px; font-weight:bold; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }

.nebiki-message .nowrap, 
.nebiki-message-side .nowrap { display:inline-block; white-space:nowrap;}

.large .nebiki-message-side .nowrap, 
.large .nebiki-message-side .nowrap { display:inline-block; white-space:nowrap; }

.large .nebiki-message .nowrap:nth-child(n+1) { margin-left:0.5em; }

/* ==================================================================================================== */


/* ==================================================================================================== */

/*---- usccart_navi ---*/
div.cart_navi ul {
  overflow: hidden;
  list-style: none;
}

div.cart_navi li {
  display: block;
  padding: 0 .909095em 0 1.81818em;
  float: left;
  background: #dedede;
  color: #693232;
  font-size: 11px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
}

div.cart_navi li::before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 -20px -20px auto;
  float: right;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  border-right: 4px solid #fff;
  background: #dedede;
}

div.cart_navi li::after {
  content: " ";
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: -20px -20px 0 auto;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
  border-right: 4px solid #fff;
  background: #dedede;
}

div.cart_navi li:last-child::before,
div.cart_navi li:last-child::after {
  border: none;
}

div.cart_navi li.current,
div.cart_navi li.current::before,
div.cart_navi li.current::after {
  background-color: #693232;
  color: #fff;
}


/* ==================================================================================================== */