@charset "utf-8";

/******************************************************************
Theme Name: EGO for Welcart子テーマ
Template: ego_welcart_tcd079
Description: EGO for Welcartから拡張したテーマです。Welcartに独自機能を実装しています。
Version: 1.12.1
Author: 義友堂
Author URI: https://giyudo.com/
******************************************************************/

/* breadcrumb next 導入による追加CSS（階層が異なる） */

.p-breadcrumb {
    padding-top: 48px;
    font-size: 14px;
}
.p-breadcrumb__inner {
    color: #00bcbc;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:30px;
}

.p-breadcrumb__inner a.home::before {
    content: "\e90c";
    font-family: "design_plus";
	font-size:14px;
}
.p-breadcrumb__inner a.home span {
    font-size: 14px;
    display: none;
}

.p-entry-product__header-meta {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 7px;
    height: 32px;
}

/* CLS対策のため transition-durationを0.3sから0にする */

a, input, button, .p-button, .p-cb-blocks__info { -webkit-transition-property: background-color, border-color, color, opacity; -webkit-transition-duration: 0; -webkit-transition-timing-function: ease; -moz-transition-property: background-color, border-color, color, opacity; -moz-transition-duration: 0; -moz-transition-timing-function: ease; -ms-transition-property: background-color, border-color, color, opacity; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; transition-property: background-color, border-color, color, opacity; transition-duration: 0; transition-timing-function: ease; }
.p-entry-product__images{
	margin-bottom:50px;
	margin-top:38px;
	position:relative;
	min-height:720px;/* 固定の高さを事前に作り画像表示時の上下動を少なくする */
}
@media (max-width: 991px) {	
	.p-entry-product__images {
		margin-bottom:40px;
		margin-top:0;
		min-height:400px;/* 固定の高さを事前に作り画像表示時の上下動を少なくする */
	}
}

.p-header__membermenu a {
    display: block;
    padding: 0 5px;
    font-size: 20px;
}

.p-header__membermenu-cart a {
    padding-right: 0;
    padding-left: 10px;
    font-size: 20px;
}

/* 共通CSS */
.pcombx{display:block;}
.pcxmbo{display:none;}
@media (max-width: 767px) {
	.pcombx{display:none;}
	.pcxmbo{display:block;}
}

/* font-display: swap;が足りないとのPageSpeedInsight指摘に対応 */

@font-face { font-family: "design_plus"; font-display: swap;}
@font-face { font-family: "update_icon"; font-display: swap;}