/*
Theme Name:		Welcart Simple Plus Lefty Child Theme
Template:		welcart_simple-plus-lefty
Theme URI:		https://www.welcart.com/archives/16004.html
Author:			Welcart Inc.
Author URI:		https://www.welcart.com/
Description:	Welcart Simple Plus Lefty Child Theme.
Version:		1.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, simple-plus,
*/
/******************************************************************
 * parts
******************************************************************/
/* c-globalmenu
-----------------------------------------------------------------*/
.inner{
    max-width: 1500px;
    margin: 100px auto 50px;
    width: 95%;
}
.hzmap{
	max-width:1000px;
	    width: 100%;
	margin-top:20px;
}
.c-globalmenu {
  height: 100px;
}

.c-globalmenu-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    gap: 2vw;
}

@media (max-width: 1500px) {
/* .c-globalmenu-list {
    gap: 1vw;
    justify-content: flex-end;
    margin-right: 30%;
} */
.top-mv-head .c-globalmenu-list{
	        margin-right: 0;
}
}
@media (max-width: 1039px) {
  .c-globalmenu-list {
    width: calc(100% - 40px);
  }
}
.c-globalmenu-list a {
  transition: all 0.3s ease;
}
.c-globalmenu-list a:hover {
  opacity: 0.6;
}
.c-globalmenu-list li {
  display: flex;
  height: 100%;
  text-align: center;
font-family: dnp-shuei-mgothic-std,"Zen Maru Gothic", sans-serif;
    width: max-content;
}
.c-globalmenu-list li a {
  display: flex;
  flex-direction: column;
    font-size: 1.7rem;
    position: relative;
    z-index: 2;	
}
@media screen and (max-width: 1500px) {
	.c-globalmenu-list{
	        display: none;	
	}
}
@media (max-width: 1500px) {

.c-globalmenu-list li a {
    font-size: 1.6rem;
}
}
.c-globalmenu-list li a .ttl-en {
    color: #b8ded8;
    font-weight: 300;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
    font-size: 90%;
    line-height: 1.4;

}
.c-globalmenu-list li a .ttl-jp {
  color: #666;
  letter-spacing: 0.05em;
}
@media (max-width: 1799px) {
  .c-globalmenu-list li:last-child {
    margin-right: 0;
  }
}
.c-globalmenu-list li.globalmenu-drop {
  position: relative;
}

.c-globalmenu-list li.globalmenu-drop .globalmenu-drop-child {
    position: absolute;
    top: 100%; /* 親要素の下部に配置 */
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden; /* デフォルトで非表示 */
    opacity: 0; /* 透明 */
    width: 250px;
    background: #9bd5cc;
    transition: opacity 0.3s ease, visibility 0.3s ease; /* スムーズな表示 */
    z-index: 2; /* 重なり順を調整 */
}

.c-globalmenu-list li.globalmenu-drop .globalmenu-drop-child li {
  width: 100%;
  font: 18px dnp-shuei-gothic-kin-std, sans-serif;
  border-bottom: 1px solid #FFF;
  margin-right: 0;
}

.c-globalmenu-list li.globalmenu-drop .globalmenu-drop-child li a {
  display: block;
  position: relative;
  width: 100%;
  color: #FFF;
  padding: 8px 0 8px 8px; /* パディングを調整 */
}

.c-globalmenu-list li.globalmenu-drop .globalmenu-drop-child li a::before {
  position: absolute;
  content: "▶︎";
  display: flex;
  align-items: center;
  font-size: 10px;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}

.c-globalmenu-list li.globalmenu-drop .globalmenu-drop-child li:last-child {
  border-bottom: 0;
}

.c-globalmenu-list li.globalmenu-drop:hover .globalmenu-drop-child {
  visibility: visible; /* 表示 */
  opacity: 1; /* 不透明 */
  top: 100%; /* 親要素の下部に位置 */
}

.c-globalmenu-list li.globalmenu-drop > a {
    position: relative; /* 矢印を配置するために必要 */
    padding-right: 20px; /* 矢印のスペースを確保 */
}

.c-globalmenu-list li.globalmenu-drop > a::after {
content: "▼";
    position: absolute;
    right: 0px;
    top: 23%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #b8ded8;
	transition: transform 0.3s ease; /* アニメーション */
}

/* ホバー時（メニューを開いたとき）に矢印を下にずらす */
.c-globalmenu-list li.globalmenu-drop:hover > a::after {
     transform: translateY(-50%) translateY(3px); /* 動き */
}




.front-page .widget .widget_title::after, .general-widget-area .widget .widget_title::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 20px auto 0px;
    border-bottom: dotted 7px #c9e6e2;
    width: 42px;
    height: auto; /* 明示的に高さを消す（元CSSで26px指定されていたため） */
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-color: transparent !important;
}
.front-page .widget .widget_title, .general-widget-area .widget .widget_title {
    margin: 0 0 4rem;
}
    .front-page .widget .widget_title, .general-widget-area .widget .widget_title {
        font-size: 25px;
    }


.accordion-header{
	display:none;
}
.carousel.single-item-carousel .carousel-inner .carousel-item {
    aspect-ratio: 1 / 1;
    max-width: 400px;
}
/* .item-price{
font-size: 160% !important;
    color: #db5757 !important;
} */
.item-name{
font-size: 110% !important;	
    color: #666 !important;
}
.tax_inc_block{
font-size: 110% !important;		
}
.card-image{
	border: solid 1px #e8e8e8!important;
    border-radius: 20px!important;
}

.sub_ttl{
    position: relative;
    margin-left: 10px !important;
    font-size: 120% !important;
    margin-bottom: 0px !important;
	 font-weight: 600;
    margin-top: 30px;
    display: inline-block;	
}
.sub_ttl:after{
    content: '';
    position: absolute;
        left: -10px;
    top: 50%;
    transform: translateY(-50%); /* 縦中央揃え */
    width: 3px; /* バーの幅 */
    height: 80%; /* バーの高さ */
  background-color: #b8ded8;
}

.article-item{
	        max-width: 1050px;
        margin: 0 auto;
}


.widget_calendar th, .welcart_blog_calendar th, .widget_welcart_calendar th, #confirm_table th, #confirm_table tr.ttl td, #point_table td.c-point, #point_table td.u-point, #cart #coupon_table tr:first-child td:first-child, #memberinfo #history_head th, #memberinfo .retail th, .widgetcart th.item, .widgetcart th.quant, .widgetcart th.price, .widgetcart th.trush, .item-info .item_custom_field th, #wc_regular table th, #itempage table.dlseller th, .entry-content th, .item-description th, .skuform .itemGpExp dt {
    background-color: #dceeee !important;
    color: #111;
}

.sec_ttl{
    border-bottom: solid 1px #afafaf;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 20px;
}
/* 購入画面 */
    body:not(.blog) .site-content {
        width: 100%;
        margin-top: 1.78rem;
        padding: 0 var(--bs-gutter-x, 2.917vw) 4rem;
        max-width: 1200px;
        margin: 0 auto;
    }
.regular_info {
    color: #cd5f6a;
}
    .entry-content ul, .entry-content ol {
        margin: 0px;
    }
    .entry-content p {
        margin: 0px;
    }

    .article-item .group-add-item .item-code {
        text-align: left;
        display: none;
    }
.footer_company_logo img{
    width: 100%;	
}

/* .card-image{
	max-width:250px;
    margin: 0 auto;	
} */
.border-0{
		max-width:280px;
    margin: 0 auto;	
}
    #wc_confirm #confirm_table th {
        background-color: #f8f7f2 !important;
    }
#wc_confirm #confirm_table th, #wc_confirm #confirm_table td {
        background-color: #f8f7f2 !important;
    }
.currency_code{
	    color: var(--general-text-color, #182927);
}
#cart_table tfoot th.amount{
    width: 100%;	
}
table.customer_form input#search_zipcode{
	    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
div.cart_navi ul li::before{
background: #5e5858;	
}
@media screen and (max-width: 600px) {
	div.cart_navi ul li{
    font-size: 80%;		
	}
	.c-globalmenu{
    height: 0px;		
	}
.front-page .widget .widget_title, .general-widget-area .widget .widget_title {
    font-size: 22px;
}
	.front-page .widget .widget_title::after, .general-widget-area .widget .widget_title::after {
    margin: 10px auto 0px;
}
}