/*
Theme Name:Customify child
Theme URI:
Description:WordPressテーマ「Customify」の子テーマです。
Template:customify
Author:Mets
Version:0.0.1
*/



.page_top {
    position:fixed;
    bottom:10px;
    right:10px;
    padding: 5px 15px;
    color:#fff;
    font-size:20px;
    text-decoration:none;
    background:#235787;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    z-index: 100;
}
.page_top:hover {
    background:#235787;
    opacity: 0.7;
}


.image-size-fix {
  padding:0 0 calc(400/1200*100%) !important;
  min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
  top: 40%;
}


/***
商品のサイズテーブル
***/

.product-size {
    border-collapse: collapse;
    width: 100%;
    max-width: 500px;
}
  
.product-size th, .product-size td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
  
.product-size th {
    background-color: #f2f2f2;
}

.product-size  th:first-child,
.product-size  td:first-child {
    background-color: #f2f2f2;
  }
  
.product-size tr:hover {
    background-color: #f5f5f5;
}


.home .entry-content .alignfull {
	margin-top: 0px;
}
.home #main {
	padding-top:0px;
}

.home #page-titlebar {
	display:none;
}

.site-branding a,
.site-description{
	text-transform: none;
}
	


.entry-content .wc-block-grid__products li {
  margin-left: 0;
}


@media (max-width: 480px) {
.wc-block-grid.has-4-columns .wc-block-grid__products {
  display: flex;
}

.wc-block-grid.has-4-columns .wc-block-grid__product {
  flex: 1 0 50%;
  max-width: 50%;
}
}
@media (max-width: 568px) {
.wc-list-view .product.customify-col:not(.product-category) {
  width: 50%;
	}
}


#masthead {
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

#masthead.scroll {
	  position: fixed;
  background: t;
  animation-name: anime;
  animation-duration: 0.3s;
  opacity: 0.9;
}


@keyframes anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}

@media (max-width: 568px) {
.site-branding .site-title {
  font-size: 1em;
}
}

.input-qty-pm {
  flex-wrap: nowrap;
}


/* スマホの時のサブタイトルを小さく */
@media (max-width: 568px) {
.site-name-desc .text-xsmall {
	font-size: 0.3em;
}

button:not(.components-button,.customize-partial-edit-shortcut-button) {
	padding: 0 0.3em;
}
}



@media (max-width: 768px) {
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail{
	display:block;
}

.woocommerce table.shop_table_responsive tr td.product-thumbnail::before,
 .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before
{
	display:none;
}
}


/* 商品詳細ページ 商品詳細内容表示後のリンクボタン */
.woocommerce-productpage-link {
	padding: 1em 2em 1em 3.5em;
	margin: 0 auto 2em;
	border-top: 3px solid #999999;
	
}
.woocommerce-productpage-link a.button{
text-align: center;
    display: block;
    margin-bottom: 0.6em;
    font-size: .9em;
    min-height: auto;	
	  max-width:480px;
}

/* 商品詳細ページ リンクボタン */
.woocommerce-productpage-link-small {
	padding: 1em 2em 1em 3.5em;
	margin: 0 auto 2em;
}
.woocommerce-productpage-link-small a.button{
	text-align: center;
	display: block;
	margin-bottom: 0.6em;
	font-size: .9em;
	min-height: auto;	
	max-width:300px;
	border-radius: 0.5rem;
	background:red;
}


/* スマホでカード入力欄が小さいため幅を広く変更 */
@media (max-width: 768px) {
.woocommerce-checkout #payment ul.payment_methods > li p {
  padding: 0 1em 1.2em 0;
  line-height: 1.7;
}
.woocommerce-checkout #payment div.payment_box .form-row-first,
.woocommerce-checkout #payment div.payment_box .form-row-last {
  font-size: .8em;
}
}


@media (max-width: 480px) {
.home .wc-block-grid.has-4-columns .wc-block-grid__products,
.home .wc-block-grid.has-6-columns .wc-block-grid__products {
  display: flex;
}

.home .wc-block-grid.has-4-columns .wc-block-grid__product,
.home .wc-block-grid.has-6-columns .wc-block-grid__product {
  flex: 1 0 50%;
  max-width: 50%;
}
}
@media (max-width: 568px) {
.wc-list-view .product.customify-col:not(.product-category) {
  width: 50%;
	}
}

.woocommerce form .form-row-first::after,  .woocommerce-page form .form-row-first::after {
	content:'スマホではMMYY、パソコンではMM/YY(例:スマホ→0923 PC→09/23)';
	font-size:0.8em;
}

@media (min-width: 769px) {
.top_comment {
	margin:50px;
}
}
@media (max-width: 769px) {
.top_comment {
	margin:20px;
}
}


.order-attention {
	display:block;
	width: 800px;
	max-width:90%;
	margin:0 auto;	  
	padding: 10px;
  border: 6px solid #CCC;

}

.single-product .order-attention {
	font-size:0.7em;
}


/***********
** チェックアウト時にサポーター名記入欄対応
***********/
#supporter_name_field::after {
	content: '漢字・ひらがな・カナ・アルファベットOK';
	 font-size:0.8em;
}


.woocommerce-account-fields::after {
		content:'※アカウントを作成すると購入履歴が確認できます。メールが受信できない場合も購入内容を確認できるため、作成をおすすめします。';
	font-size:0.8em;
	color:red;
}